我想触发一个 JQuery 事件,该事件在我的页面上单击图像时显示一个文本框。 我页面的 HTML 代码是:
<body>
<div id="left_box">
<ul id="thumbnails">
<li>
<div class="photocontainer" width="100%">
<img class="photo" id="website1" src="photo1.jpg" alt="Click to see enlarged image" />
</div>
</li>
<li>
<div class="photocontainer">
<img class="photo" id="website2" src="photo2.jpg" alt="Click to see enlarged image" />
</div>
</li>
</ul>
</div>
现在,我编写了 JQuery 代码以在用户单击带有 id="website2"的图像时显示警告。 代码是:
<script language="JavaScript" type="text/javascript" src="/marketplaces/js/jquery-1.2.6.min.js">
$('#website2').on("click","img,div", function (e) {
e.preventDefault();
alert('You Clicked Me');
});
</script>
但是,图像点击事件没有任何反应。 谁能告诉我哪里出错了?
提前致谢。
最佳答案
试试这个 javascript 代码:
$(document).ready(function () {
$(".photo#website2").click(function () {
alert("This image has been clicked!");
});
})
此外,将 JQuery 库的导入与代码分开。
关于javascript - jQuery 图片点击事件不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33642193/