實時處理不適用於event.stopPropagation（）;

Question

我正在使用event.stopPropagation()，但我在使用.live()父級處理程序時遇到問題。

//does not work 
$("#testlink").live({ 
    click: function(event) 
    { 
     alert('testlink'); 
    } 
}); 

//works great! 
$("#testlink").click(function() { 
    alert('testlink'); 
}); 

我必須使用.live()，因爲內容是用AJAX加載的。

有人可以幫我解決這個問題嗎？

---

如何使用多個類或IDS這樣嗎？

$('#div1', '#div2', '#div3').on('click', 'a.testlink', function(){ 
    alert('testlink'); 
}); 

這怎麼可能？

Answer 1

on()使用（如@techfoobar提到的，live()已被棄用在1.7版本，並根據的1.9版本中刪除）和事件代理如果是動態生成的內容：

$('#container').on('click', '#testlink', function(){ 
    alert('testlink'); 
}); 

哪裏#container是包含動態的元素加載#testLink元素（您可以使用document，但在此處使用容器元素會減少搜索範圍並提高效率）。