javascript - jQuery 的 html() 会删除附加到被替换元素的所有数据吗？

Question

我在 jQuery 的帮助下显示了一个选项卡式界面。当您单击一个选项卡时，ajax 调用会将 $(".content") 元素中的所有 html 替换为新的 html，使用类似

的内容

$(".content").html(响应);

当我这样做时，是否所有附加到 .content div 内元素的 jquery 事件和函数都被删除了？替换 HTML 后可以再次触发这些事件和函数吗？如果我点击选项卡 324523452354 次，它会每次都重复 jQuery 数据吗？

Answer 1

是的。他们将被删除。您可以使用实时事件附加到尚不存在的元素。

 $(".myElementClass").live("click", function (e) {
         e.preventDefault();
         //do stuff
});

在这种情况下，无论何时将此函数注入(inject)到 DOM 中，该函数都将始终在 myElement 上调用。