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

Question

如果菜单在id="content"之外（静态HTML），但菜单位于id="content"（动态HTML，使用​​）时，.click()事件触发）。

点击功能：在头

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

​​填补了这一（点击事件此处不工作）：

<div id="content"></div> 

Answer 1

从

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

更改为

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

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