Jquery:mouseover/mouseenter和委托
我有以下代码:Jquery:mouseover/mouseenter和委托,jquery,delegates,Jquery,Delegates,我有以下代码: <!-- language: lang-js --> $('#trajectory-sequence').delegate('li:not(.disabled)','mouseenter mouseleave', function( event ) { if( event.type == 'mouseenter') $(this).find("div:gt(0)").show(); else if(event.type=='mou
<!-- language: lang-js -->
$('#trajectory-sequence').delegate('li:not(.disabled)','mouseenter mouseleave', function( event )
{
if( event.type == 'mouseenter')
$(this).find("div:gt(0)").show();
else if(event.type=='mouseleave')
$(this).find("div:gt(0)").hide();
});
$(“#轨迹序列”).delegate('li:not(.disabled)”,'mouseenter mouseleave',函数(事件)
{
如果(event.type=='mouseenter')
$(this.find(“div:gt(0)”).show();
else if(event.type=='mouseleave')
$(this.find(“div:gt(0)”).hide();
});
这显示/隐藏了一些孩子。现在,我想在鼠标滑过其中一个孩子时执行一个动作。我有这个:
<!-- language: lang-js -->
$('#trajectory-sequence').delegate('li:not(.disabled) div:nth-child(4)','mouseover',
function( ) {
alert('mouseover');
});
$(“#轨迹序列”).delegate('li:not(.disabled)div:nth child(4)','mouseover',
函数(){
警报(“鼠标悬停”);
});
但似乎鼠标悬停事件从未触发。但是当我使用mouseenter而不是mouseover时,它工作得非常好,为什么?
mouseenter
事件在处理事件冒泡的方式上与mouseover
不同
使用
mouseover
事件,如果将鼠标指针移动到内部元素上,将触发处理程序。这通常是不受欢迎的行为。另一方面,mouseenter
事件仅在鼠标进入其绑定到的元素时触发其处理程序,而不是后代。因此,mouseenter
起作用。您使用的是哪个jQuery版本<代码>委派()已委派给过去,请参阅