jQuery触发两次,事件冒泡?

前端之家收集整理的这篇文章主要介绍了jQuery触发两次,事件冒泡?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经看到人们遇到的事件冒泡和jQuery触发两次的所有问题,但我无法弄清楚这个问题.我一次只能点击一个DIV,但点击处理程序正在触发两次.

HTML

<div class="scroll-content-item" data-pid="1773">
    <img src="somefile" class="mixdock-img" data-pid="1773"/>
</div> 
<div class="scroll-content-item" data-pid="1777">
    <img src="someotherfile" class="mixdock-img" data-pid="1777"/>
</div>

jQuery的…

jQuery(document).ready(function($) {

var count = 0;

// On click,hide the currently displayed post and show the one clicked
$('.scroll-content-item').click(function () {
    count += 1;
    alert("count = "+count);
    event.stopPropagation();
});

});

这样做是每次点击显示两个警报,每个警报具有相同的计数.每次点击都会增加计数.

解决方法

您必须将事件变量传递到您的函数中,如下所示:
$('.scroll-content-item').click(function (event) {

猜你在找的jQuery相关文章