jquery - 为什么 jQuery .on() 不能与 AJAX 加载的元素一起使用？

Question

好的，我已经设法.on在另一个网站上工作，但由于某种原因，这只是一个痛苦。

这是我的代码：

$("#tabSection").on("click", "a.tab", function () {
    alert('bob');
});

和 HTML（将通过 jQuery 加载.load()：

<div id="tabSection">
    <table border=0 width="750px" cellspacing=0 cellpadding=0>
    <tr><td class="tab"><a href="javascript:void();" rel="details" class="tab selected">Details</a></td>

显然我关闭了表格和 tabsection div。在我通过 ajax 加载之前一切正常。现在，我根本无法让它工作。关于为什么它不会的任何建议？我在这里错过了什么吗？

Answer 1

您正在加载#tabSection元素，这意味着当您尝试连接事件时它不存在。

连接事件时必须存在的元素。使用加载 HTML 的元素。

$("#customerForm").on("click", "#tabSection a.tab", function () {
  alert('bob');
});