。對（）的jQuery

Question

可能重複：
jQuery - convert .live() to .on()
JQuery ‘on’ vs. ‘live’
Turning live() into on() in jQuery

我知道.live（）已過時，但。對（）越來越我有些錯誤。 當我動態生成圓頂時，它不起作用，它只在第一次點擊時起作用。與.live（）相同的代碼正常工作。我使用jQuery 1.8

工作代碼

$('.item').live('click', function(e) { 
    alert('test'); 
    // ajax call that regenerates .item element 
}); 

此代碼只適用於第一次點擊：

$('.item').on('click', function(e) { 
    alert('test'); 
    // ajax call that regenerates .item element 
}); 

有什麼不對？

Answer 1

檢查documentation here。 .on作品略有不同：

$(document).on("click", ".item", function(event){ 
    alert('test'); 
    // ajax call that regenerates .item element 
}); 

Answer 2

由於與阿賈克斯的DOM變化，你需要提供父母在你的電話上像這樣的：

$("#itemParent").on("click", ".item", function(event){ 
    alert('test'); 
}); 

Answer 3

正如凱文B中提及的，使用文檔作爲代表團的背景下，或更好的靜態父：

$(document).on('click','.item', function(e) { 
    alert('test'); 
    // ajax call that regenerates .item element 
});