Question

是否可以将hover（）绑定到具有指定选择器的文档，以便为具有匹配属性的动态添加内容分配JS函数？

我一直在关注这个主题：JQuery .on() method with multiple event handlers to one selector和Is it possible to use jQuery .on and hover?

我现在正在使用：

$('.profile-gallery-image-container').on({
    mouseenter: function(){
        $('.delete-image', this).show();
        $('.image-options', this).show();
    },
    mouseleave: function(){
        $('.delete-image', this).hide();
        $('.image-options', this).hide();
    }
}, '.profile-gallery-image-container');

但无法将功能传递给匹配选择器的新内容。

Answer 1

在委派事件方法中，您应该将事件绑定到.profile-gallery-image-container的一个父元素。一种可能的解决方案是将其绑定到<body>（或document）元素：

$('body').on({
    mouseenter: function(){
        $('.delete-image', this).show();
        $('.image-options', this).show();
    },
    mouseleave: function(){
        $('.delete-image', this).hide();
        $('.image-options', this).hide();
    }
}, '.profile-gallery-image-container');

jQuery绑定悬停到“文档”

1 个答案: