jquery中使用 delegate 代理 hover 失效

如下：

$('.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
版权声明：本文为博主原创文章，转载请附上博文链接！