Jquery解除绑定不适用于高级/多选择器

Question

我有一个简单的HTML链接和Jquery代码，它可以防止默认的第一个地方。但后来我撤消preventDefault使用jQuery unbind

$('body *').click(function(e){ 
e.stopPropagation(); 
e.preventDefault(); 
}); 


$('a').eq(0).unbind('click'); 
$('a')[0].click(); 

这工作不错。然而，当我wrape这样的段落中的链接：

<p><a href="http://www.iana.org/domains/example">More information...</a></p> 

当我指定这样的选择它不工作了：

$('p a').eq(0).unbind('click'); 

什么特别之处加入这个额外的选择？

实施例在的jsfiddle：http://jsfiddle.net/nb9Lck5p/2/

Answer 1

这是因为事件传播的...要卸下从a单击处理程序，但它仍然是在p（父元素）本，所以，当该事件被鼓泡父元素的点击处理程序被调用它调用默认阻止，从而防止默认行为从链接点击

的通过停止事件传播

$('body *').click(function (e) { 
 
    e.stopPropagation(); 
 
    e.preventDefault(); 
 
}); 
 

 

 
$('p a').eq(0).unbind('click').click(function(e){ 
 
    e.stopPropagation(); 
 
}); 
 
$('p a')[0].click();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<p> 
 
    <a href="http://www.iana.org/domains/example">More information...</a> 
 
</p>

---

但你已经使用解除绑定的方式是危险的，因为它会删除绑定到a元素的任何其他点击处理程序，使用namespacing代替

$('body *').on('click.myhandler', function(e) { 
 
    e.stopPropagation(); 
 
    e.preventDefault(); 
 
}); 
 

 

 
$('p a').eq(0).off('click.myhandler').click(function(e) { 
 
    e.stopPropagation(); 
 
}); 
 
$('p a')[0].click();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<p> 
 
    <a href="http://www.iana.org/domains/example">More information...</a> 
 
</p>

Answer 2

在你的小提琴，你绑定事件('body *')，但你解除'点击'事件'p a'选择器。在这种情况下，您必须解除/关闭'body *'上的事件，而不是'p'或'a'。

$('p a:first').on('click', function(e){ 
    alert('click'); 
    e.stopPropagation(); 
    e.preventDefault(); 
}); 

$('p a:first').off('click'); 
$('p a')[0].click(); 

我推荐你使用.on，.off，比.bind，.unbind