如何在通過Ajax引入的元素上使用Jquery document.on（）？

Question

我有一個Jquery Mobile shell頁面，我正在使用Ajax加載表單。表單有一些複選框，我需要綁定。

奇怪的是，我可以得到它的工作直接對按鈕設置監聽器，如下：

$('input[name="ohneiln"]').on('change', function() { 
    alert("hello"); 
    }); 

但是，當我試圖監聽設置爲$(document)並委託給checkbox，聽衆永遠火災：

$(document).on('change', 'input[name="ohneiln"]', function() { 
    alert("hello"); 
}); 

問：
什麼是正確的方式來設置一個事件爲「動態」的元素是LO結合通過Ajax使用$(document).on()？ change事件是不可能的，或者我爲什麼會遇到麻煩？

感謝您的幫助！

Answer 1

.on()方法的工作方式根據您的使用方式而改變。在第一個示例中，.on()方法的行爲與bind類似，僅適用於已存在的元素。

第二個示例在很多方面的行爲類似於.live()或delegate()。並且將適用於稍後添加的元素。

閱讀文檔進行了詳細的解釋http://api.jquery.com/on/