jQuery事件綁定動態加載的元素

Question

我知道的和研究，結合事件的多個方面.on() .live() .click()等我知道.live()在1.9+已經過時。 我遇到的問題是將動態DOM元素綁定到事件。

我有一個div包含鏈接和分頁。 鏈接是使用AJAX動態加載的。 我想覆蓋這些鏈接的綁定事件，所以我使用了.unbind()並嘗試了.on() 。 問題是這些動態加載的鏈接沒有綁定。 我想這是因為選擇器$('#id_of_links')緩存了前一組鏈接。

問題 ：是否可以在任何時間點綁定頁面上加載的所有元素，而無需在用戶單擊鏈接上的下一頁時設置回調？

Answer 1

對於動態添加的元素，必須將該函數綁定到其父元素之一

$('#PARENT').on('click', '#DYNAMICALLY_ADDED_CHILD', function(){ CODE HERE });

父應該已存在於DOM樹中......

更多信息： http ： //api.jquery.com/on/

Answer 2

你不能綁定所有元素，即使那些沒有加載到頁面中的元素，沒有回調方法/函數或循環的函數，並繼續檢查具有特定屬性或特征的元素是否具有綁定到它的正確函數，這可能會導致內存泄漏。