jquery - 新内容不匹配

Question

我正在通过 AJAX 加载一些内容并尝试添加一些功能， 我有这个代码来显示/隐藏一些内容:

$('.list li').hover(
            function() { $('.detail').show(); }, 
            function() { $('.detail').hide(); }
        );

这在第一次加载时工作正常，但在通过 AJAX 加载更多内容时不起作用。 有什么想法如何修复它吗？

Answer 1

$('.list') 仅构造当前存在的“.list”项的列表。

您必须使用on将事件处理程序添加到尚不存在的元素。

你可以这样做:

$('body').on('mousenter', '.list li', function({ $('.detail').show()});
$('body').on('mouseleave', '.list li', function({ $('.detail').hide()});