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