Question

jQuery.live API 绑定事件问题

用jQuery.load载入新的HTML后，用 live() 给元素绑定事件，子元素也继承了，如何取消子元素的事件。
------------------HTML--------------------
<dd class="J_live">
<input type="checkbox" />
<span class="txt">hello world</span>
</dd>
-----------------------js--------------------
$('J_live').live('mouseover', function(){//});
$('J_live').live('mouseout', function(){//});
----------------------问题------------------
只给 dd.J_live 绑定了事件，但是鼠标进入checkbox span也会触发。。
有没有办法去掉dd内的子元素事件。
thank.
那个啥，好像都不行的哇。

Answer 1

$(".J_live").live("mouseover",function(event){
if(event.target == this){
//把事件写到这里就可以避免子元素继承。
}
});
还有：你的选择器没打点儿

Answer 2

因为 J_live 包括了 checkbox 和 span,
应该分别绑定，$('J_live checkbox').live()和$('J_live span').live()
这样试试

Answer 3

你这个问题我碰到过，最简单的写法是这样
$('J_live').live({
mouseenter:function(){},
mouseleave:function(){}
});
用mouseenter和mouseleave来取代你的mouseover和mouseout事件。
之所以出现这个问题是因为事件的冒泡行为，至于为什么用live事件绑定就不会出现这个问题，我也在研究中。

Answer 4

用ID绑定

Answer 5

用选择器，先选input标签然后点的父标签，再binding