jquery正确的代码仅部分运行_Jquery

jquery正确的代码仅部分运行

jquery

jquery正确的代码仅部分运行,jquery,Jquery,我不得不提出这个问题，因为我完全不理解——相当简单——代码的行为。这看起来很傻我使用了以下代码：像这样` <!DOCTYPE html> <html> <head>  <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>  <script src="js/mar

我不得不提出这个问题，因为我完全不理解——相当简单——代码的行为。这看起来很傻

我使用了以下代码：

像这样`

<!DOCTYPE html>
<html>
<head>
<!-- jQuery -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<!-- Markers -->
<script src="js/markers.js"></script>

<link rel="stylesheet" type="text/css" href="style.css" />

</head>
<body>
<div id="image-wrapper" data-captions='{"coords": [{"top":180,"left":180,"text":"iMac 1"},{"top":250,"left":300,"text":"iMac 2"}]}'>
    <img src="https://lh6.googleusercontent.com/-1vD_YbYlhB8/T1Mrp1RbCzI/AAAAAAAAA3o/D-78syV8tQQ/s347/web-agency-company.jpg" alt=""/>
</div>

</body>
</html>

其中js/markers.js是上述页面中的纯javascript代码，style.css是纯css代码，也来自此页面

Jquery、JS和CSS加载正确

测试代码正确运行一次！，然后在一些更改之后，会显示标记，但单击它们不会产生任何效果。我恢复了所有的更改，并在不同的文件上再次尝试纯代码，但效果仍然相同-单击标记时没有反应

我试过Firefox和Chrome，同样的行为

任何帮助都将不胜感激：

编辑：这段代码使用的是较旧版本的jQuery-1.8.3，而不是现代版本。感谢各位评论员的帮助。

问题中工作提琴和HTML的区别在于jQuery的版本。您的代码使用了不推荐使用的.live方法，该方法是。小提琴使用1.8版，你的问题提到1.11版

使用而不是.live.

对您提供的JSFIDLE很好，标记确实扩展了，可能尝试清除浏览器缓存？您的markers.js是否作为资源加载？@Arcturus是的，它们是！我甚至会说，它们正在正确加载，因为如果我破坏对它们的引用，甚至连标记图标都没有加载。@Se0ng11我尝试过，没有工作：JSFIDLE在你的电脑上也不工作吗？