What to do if an error occurs in jquery.js

Solutions to jquery.js 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 in your own As a backup on the website, if the CDN fails to load jQuery, use your own website to host it.

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

Solution to jquery.js error:

1. Check whether the jquery file is imported

Even if the file is imported If you download it through some software such as a whole-site downloader, there will be problems. It is recommended to use Thunder to download from the official website.

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

Sometimes some paths will be automatically added to js, ​​causing path errors

3. JS is an interpreted language and is executed in block order based on tag references. $ is an object generated in jQuery. If needed, 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>

4. 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>

Related free learning recommendations: JavaScript (video)

The above is the detailed content of What to do if an error occurs in jquery.js. For more information, please follow other related articles on the PHP Chinese website!