JQuery .load（）函数不适用于WebKit

Question

I am trying to use the jQuery.load() function, and it works on Firefox, but not on Safari and Chrome. The odd part is that it works on mobile Safari.

All of the posts I found on this subject appeared old and outdated.

Does anyone have a solution to fix this problem?

Here is sample code from my page:

<div class="navButton"></div>
<script>
$(".navButton").load("bottomNav.html");
</script>

Answer 1

The error console tells the story here.

Failed to load resource: the server responded with a status of 404 (Not Found)
      http://yellowtailderby.com/jquery-2.1.0.js

Uncaught ReferenceError: $ is not defined 

So, when you try to execute:

$(".navButton").load("bottomNav.html");

The $ symbol is not defined because jQuery is not successfully loaded.

The issue seems to be that this:

http://yellowtailderby.com/jquery-2.1.0.js

does not exist (gets a 404 error) so this script tag:

<script src="jquery-2.1.0.js"></script>

is not working properly. The fix is to either correct the script tag or make sure that particular file is properly located on your server at that path.

---

I am getting the exact same error in Firefox, so I suspect that maybe you have that file in your browser cache in Firefox (so it's getting loaded via cache), but it doesn't actually exist on the server. The Firefox reports:

"NetworkError: 404 Not Found - http://yellowtailderby.com/jquery-2.1.0.js"