jQuery .click（）事件未在使用.load（）创建的链接上触发

Question

如果菜单位于.click()（静态HTML）之外，id="content"事件会触发，但当菜单位于id="content"内时，.load()事件无效（使用$(document).ready(function () { $("a.type").click(function () { var type = $(this).data("id"); $('#content').load("content.php?" + type); }); }); 的动态HTML ）。

点击功能：

<li><a data-id="1" class="type">Cars</a></li>
<li><a data-id="2" class="type">Houses</a></li>

标题上的菜单链接（点击事件在这里工作）：

.load()

<div id="content"></div> 填写此内容（点击事件不在此处）：

{{1}}

Answer 1

从

改变

$("a.type").click(function 

到

$("a.type").live('click', function 

或者，如果您使用的是jQuery 1.7+，那么您也可以使用$(document).on("click", "a.type", function(){})而不是直播。