在动态创建的元素上使用hover（）

Question

我想在动态创建的元素上使用jQuery＆＃39; hover()。我试过以下但没有成功。我怎样才能做到这一点？我无法使用mouseenter和mouseleave，因为此页面将嵌入iframe中。

$(document).on('hover', '.dynamic', function(){
    //do
});

Answer 1

hover()不是事件，它是用于注册mouseenter和mouseleave事件处理程序的实用程序方法。

  

.hover（）方法为mouseenter和mouseleave绑定处理程序   事件。您可以使用它在行为期间简单地将行为应用于元素   鼠标在元素中的时间。

因此，您可以将mouseenter和mouseleave事件处理程序用于动态元素

$(document).on('mouseenter', '.dynamic', function () {
    //do
}).on('mouseleave', '.dynamic', function () {
    //do
});

如果你想为两者都有一个处理程序

$(document).on('mouseenter mouseleave', '.dynamic', function () {
    //do
});