jQuery绑定不适用于AJAX加载的HTML

Question

这是我的jQuery代码

jQuery(document).ready (function() {

   // post
    $('.post').bind('mouseenter mouseleave', function() {
        $(this).filter('.btn').toggleClass('hidden');
    });


});

它适用于普通文档。 但是当我使用ajax加载一些HTM ：（即一些具有.post属性的div）并将其嵌入到我的DOM中时。

上面的代码不适用于这些div。

Answer 1

尝试使用live ：

jQuery(document).ready (function() {
    $('.post').live('mouseenter mouseleave', function() {
        $(this).filter('.btn').toggleClass('hidden');
    });
});

还是更好的委托

jQuery(document).ready (function() {
    $('#posts').delegate('.post','mouseenter mouseleave', function() {
        $(this).filter('.btn').toggleClass('hidden');
    });
});

Answer 2

您的时机可能已关闭，因为具有.post属性的div实际上必须在dom中存在，然后才能将任何内容绑定到它。