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

Question

如果菜单在 id="content"（静态 HTML）之外，.click() 事件会触发，但当菜单在 id="content"（使用 .load() 的动态 HTML）内时，该事件不起作用。

点击功能：

$(document).ready(function () {
    $("a.type").click(function () {
        var type = $(this).data("id");
        $('#content').load("content.php?" + type);
    });
});

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

<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>

Answer 1

改变

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

到

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

或者，如果你使用 jQuery 1.7+，你也可以使用 $(document).on("click", "a.type", function(){})，而不是 live。