jquery 函数到要附加的元素？

Question

我正在尝试附加一些 html 内容，我想知道为什么当我尝试编写一些 jquery 函数时，刚刚附加的元素不起作用？

例如，如果我有一个文本列表，当您单击某些内容时，该列表将在该列表中填充某种 .append('more text') 。然后，如果我编写了一些 jquery 函数，表示将鼠标悬停在该文本上时，它将不起作用。它仅适用于附加之前已填充的文本。

我希望我的例子能澄清我的问题？

感谢您的帮助！

Answer 1

使用 jQuery 的 live() 方法 而不是常规事件处理程序。例如：

$('#myelement > *').live('mouseenter', function(evt) {
    $(this).addClass('hovered');
}).live('mouseleave', function(evt) {
    $(this).removeClass('hovered');
})

现在，当您执行此操作时，

$('#myelement').append( '<div>More Stuff</div>' );

新添加的 div 将根据您的需要获取 mouseenter 和 mouseleave 事件。

Answer 2

您可能使用 .click()、.hover() 等绑定处理程序。这些仅适用于绑定处理程序时页面上已有的项目。

尝试使用 .live(event, handler) 代替。这绑定到现在匹配的元素以及稍后添加的任何匹配元素。

例如

$('li').live('click', function() {
    // do stuff here
});