• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

Jquery单击事件堆栈

JavaScript 来源:DasBeasto 4次浏览

我有3个元素。每个人都有一个元素,在他们点击时发现他们的父母,并发送它去工作。问题在于点击事件似乎在堆叠。例如,如果我点击元素#1,它将元素#1发送出去。然后,如果我单击元素#3,它会发送元素#1和元素#3。然后,如果我单击元素#2,它将发送元素#1,元素#3和元素#2。我如何才能让它只发送点击事件的一个直接父对象。Jquery单击事件堆栈

相关代码:

$('.tiles ').on('click', '.fa-pencil', function(e){ 
     e.stopPropagation(); 

     var tile = $(this).closest(".live-tile"); 
     showEditDialog(tile); 

    }); 

.tiles是包装类所有的家长份额,.live瓦在于得到送走,.fa铅笔在于被点击孩子的个别家长和showEditDialog正在发送。

编辑—-

<div class="tiles"> 
    <!-- <div class="live-tile" > 
     <span id = "bar" class = "tile-title optionsBar"><i class="fa fa-2x fa-pencil"></i><i class="fa fa-2x fa-times-circle"></i></span> 
     <div class ="mainDiv"></div> 
     <span class = "tile-title imageBar"><img class = "image" src = "http://9gag.com/favicon.ico"></img></span> 
     </div>--> 
</div> 

评论中的内容(一切,除了.tiles)动态添加,但是这是它会是什么样子。


===========解决方案如下:

没关系我发现这不是代码中提到的问题。 showEditDialog()函数自己调用了两次,并且出于某种原因冒泡到第二个父元素。我只是将自己的呼叫移除,并且只在后面调用正确的呼叫。


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)