如何绑定.hover（）来动态创建“li”元素？

Question

我能找到的所有解决方案都建议使用.live()方法。但截至今天，它已被废弃。

.hover()完美地适用于未动态创建的“li”元素。但一旦我追加新的“李”.hover()根本没有触发。

有人想出了这一个？

Answer 1

“hover”事件已被弃用，并通过委托事件处理（如每.on() jQuery doc pages）进行处理。

相反，您需要使用.on()委托事件处理与mouseenter和mouseleave和每个事件处理程序。

例如：

$(document).on("mouseenter", "li", function() { 
    // hover starts code here 
}); 

$(document).on("mouseleave", "li", function() { 
    // hover ends code here 
}); 

在你真正的代码，你会选择一个静态的父对象是比document对象获得更好的性能更接近于动态li标签。

Answer 2

使用JQuery On 试试这个：

$(document).on('hover', 'li', function() { 

}); 

Answer 3

试试这个

编辑：Sry基因错过了过时的事件

$(document).on("mouseenter", "li", function(){ 
     //Your code 
}); 

http://api.jquery.com/live/

fiddle