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

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

.hover()完全适用于动态创建的“li”元素。 但是一旦我添加了新的“li” .hover()根本没有触发。

有谁想过这个吗？

Answer 1

“hover”事件已被弃用，委托事件处理，例如.on()每个.on() jQuery doc页面 。

相反，您需要使用.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试试这个：

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

Answer 3

试试这个

编辑：Sry错过了已弃用的活动

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

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

小提琴