How to solve jquery error

Solutions to jquery errors: 1. Check whether the jquery file is introduced; 2. Check whether the path is wrong. You can click the js file path in the page source code; 3. Mount the jQuery file on your own website as a backup.

The operating environment of this tutorial: Windows 7 system, jquery version 3.2.1. This method is suitable for all brands of computers.

Solutions to jquery errors:

1. JS is an interpreted language and is executed in block order based on label references. $ is in jQuery If the generated object needs to be used, the jquery.js file must be placed in front of the JS that uses it.

Place the jQuery library before the JavaScript scripts that depend on jQuery, and put these codes into document.ready to ensure that the DOM is loaded.

<script type="text/javascript" src="path/to/jquery.min.js"></script>
<script type="text/javascript">
 $(document).ready(function() {
  //依赖于jQuery的代码
 });
</script>

2. Sometimes when we use a third-party CDN’s js to load CDN’s jQuery, it fails or times out.

When there is a problem with the CDN that provides jQuery, jQuery fails to load. , or due to network problems, the browser times out when loading the jQuery file, and a jQuery undefined error will occur.

Solution: Mount the jQuery file on your own website as a backup. If the CDN fails to load jQuery, use My own website is hosted on jQuery. In this case, most users can still speed up access through CDN, and can avoid errors if there is a problem with the CDN.

<script src="https://cdn.staticfile.org/jquery/3.1.1/jquery.min.js"></script>
<script> 
window.jQuery || document.write(&#39;<script src="/js/jquery.min.js"><\/script>&#39;))
</script>

3. Check whether the jquery file is introduced.

4. To check whether the path is wrong, you can click the js file path in the page source code.

Sometimes some paths are automatically added to js, ​​resulting in path errors

Related learning recommendations: javascript video tutorial

The above is the detailed content of How to solve jquery error. For more information, please follow other related articles on the PHP Chinese website!