jquery - 不需要的传播效应

Question

我有一个现场听众在课堂上添加了一些内容。 这以某种方式重复调用该侦听器。在这种情况下如何关闭传播？

SomeContent = "<p>Some content<p>";
moreContent  = "<p>More content<p>";

$('.myClass').live('change', function (event){                  
    var thisOption = $(this);                               

    // event.preventDefault(); - does not work              
    // event.stopImmediatePropagation(); - does not work

    var MyLocation = thisOption.closest('tr').next('tr');               
    // $(MyLocation).html("");                  
    var thisTplReasons = $(moreContent);
    thisTplReasons.appendTo(MyLocation).page();

    return false;
});     

Answer 1

jQuery live 函数有一些缺陷，记录在此处。列表中有趣的部分是这个声明

在事件处理程序中调用 event.stopPropagation() 无法有效停止附加在文档下方的事件处理程序；该事件已传播到文档。

您应该“on”使用新的 jQuery 机制（请参阅此处）而不是“live”和调用event.stopPropagation() 应该按预期工作。

Answer 2

事件首先被捕获，直到到达目标元素，然后向上冒泡。在事件流期间，可以通过引发操作和/或停止事件（对于符合 W3C 的浏览器，使用 event.stopPropagation() 方法，在任一阶段对路径中的任何元素（观察者）响应事件命令 event.cancelBubble = true（对于 Internet Explorer），和/或通过取消事件的默认操作。

来源 wiki

另外，

jQuery says

event.stopPropagation()

描述：防止事件在 DOM 树中冒泡，从而防止通知任何父处理程序事件的。

希望这有帮助。