数码资讯
jQuery的Live()方法处理悬停事件的示例
悬停({,}) 模仿悬停事件的方法(将鼠标移动到物体上并移出物体) 当鼠标移动到匹配的元素时,它触发指定的第一个函数。 当鼠标移出这个元素时,它触发指定的第二个函数。 复制代码代码如下所示: $('。mydiv)。Hover(function(){) DoSomething… }函数(){() Do
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
悬停({,})
模仿悬停事件的方法(将鼠标移动到物体上并移出物体)
当鼠标移动到匹配的元素时,它触发指定的第一个函数。
当鼠标移出这个元素时,它触发指定的第二个函数。
复制代码代码如下所示:
$('。mydiv)。Hover(function(){)
DoSomething…
}函数(){()
DoSomething…
});
问题是,当执行悬停方法时,某些元素(如菜单)会通过Ajax动态加载。
菜单还没有加载,所以您必须使用jQuery的另一种方法,活()
由于事件委托的使用,对于未添加到DOM中的元素来说,Live()方法是有效的:
绑定到祖先元素的事件处理函数可以响应子代触发的事件。
传递给Live()的事件处理函数不绑定到元素,
它不把他当作一个特殊事件处理函数,而是绑定到DOM树的根节点。
复制代码代码如下所示:
$('。mydiv)。活('hover功能(事件){ {)
如果(事件类型= =。'mouseenter){
DoSomething…
其他{ }
DoSomething…
}
})
一些jQuery版本MouseEnter和MouseLeave回应
有些是mouseover和mouseout
待测…
模仿悬停事件的方法(将鼠标移动到物体上并移出物体)
当鼠标移动到匹配的元素时,它触发指定的第一个函数。
当鼠标移出这个元素时,它触发指定的第二个函数。
复制代码代码如下所示:
$('。mydiv)。Hover(function(){)
DoSomething…
}函数(){()
DoSomething…
});
问题是,当执行悬停方法时,某些元素(如菜单)会通过Ajax动态加载。
菜单还没有加载,所以您必须使用jQuery的另一种方法,活()
由于事件委托的使用,对于未添加到DOM中的元素来说,Live()方法是有效的:
绑定到祖先元素的事件处理函数可以响应子代触发的事件。
传递给Live()的事件处理函数不绑定到元素,
它不把他当作一个特殊事件处理函数,而是绑定到DOM树的根节点。
复制代码代码如下所示:
$('。mydiv)。活('hover功能(事件){ {)
如果(事件类型= =。'mouseenter){
DoSomething…
其他{ }
DoSomething…
}
})
一些jQuery版本MouseEnter和MouseLeave回应
有些是mouseover和mouseout
待测…
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。