jquery中使用 delegate 代理 hover 失效

jquery中使用 delegate 代理 hover 失效如下:$(‘.js-left-nav’).delegate(‘li.menu-list’,’hover’,function(){console.log(‘s’);});当我鼠标滑过元素的时候,触发不了回调函数。我将hover改为click,然后点击,可以触发回调函数。原来:因为hover不是标准的事件,因此无法直接使用live和delegate进行处理。…

jquery中使用

如下:

$('.js-left-nav').delegate('li.menu-list', 'hover', function(){
  console.log('s');
});

当我鼠标滑过元素的时候,触发不了回调函数。
我将 hover 改为 click ,然后点击,可以触发回调函数。

原来:因为 hover 不是标准的事件,因此无法直接使用 live 和 delegate 进行处理。

但是我们知道:

hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。
jQuery 1.7 版本前该方法触发 mouseenter 和 mouseleave 事件。
jQuery 1.8 版本后该方法触发 mouseover 和 mouseout 事件。

所以,我们将代码改为:

$('.js-left-nav').delegate('li.menu-list', 'mouseover', function(){
  console.log('s');
});

就可以了。

究其原因:delegate 是通过事件冒泡来动态的绑定事件到现在或者未来的元素。在js里有如下无法进行冒泡的事件:load,unload,change,blur,focus。

作者:Yu丶
来源:CSDN
原文:https://blog.csdn.net/csdn_yudong/article/details/78028406
版权声明:本文为博主原创文章,转载请附上博文链接!

今天的文章jquery中使用 delegate 代理 hover 失效分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/27700.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注