Question

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

我使用了这段代码：

http://jsfiddle.net/gabrieleromanato/GhVkx/

像这样`

<!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，而不是现代版本。感谢每位评论者的帮助。

Answer 1

问题中的工作小提琴和HTML之间的区别在于jQuery的版本。您的代码使用已弃用的.live()方法，即removed in jQuery version 1.9。小提琴使用版本1.8，你的问题提到1.11。

使用.on() method代替.live()。

jquery正确代码仅部分运行

1 个答案: