回答
對於#dataTable tbody
中的未來元素,您的代碼應該可以工作。委派單擊一路攀升到文檔,從而爲未來的<tr>
頁面上的任何位置相同的處理,請嘗試:
$(document).on("click", "tr", function(event){
alert($(this).text());
});
這將處理所有<tr>
s,無論它們何時創建,但僅限於當前存在的#dataTable tbody
。
這相當於.delegate
。
所以有「已經在dom」和「將在dom」之間沒有什麼區別? –
仍然存在差異,但是delegate(),live()和on()可以處理兩者。 – Stefan
@Stefan自1.7以後我不應該再使用live了,代表就像......所以沒有區別了吧? –
的。對()方法附加事件處理程序到當前選定設置在jQuery對象元素 。從jQuery 1.7開始,.on()方法 提供了附加事件處理程序所需的全部功能。有關 幫助轉換舊的jQuery事件方法,請參閱.bind(), .delegate()和.live()。要移除使用.on()綁定的事件,請參閱 .off()。要附加只運行一次,然後刪除 本身的事件,請參閱。一()
在jQuery 1.7的,所述.live()方法被棄用。使用.on()連接到事件處理程序 。老版本jQuery的用戶應該優先使用 .delegate(),而不是.live()。
添加到戴維斯接受的答案,你也可以使用此解決方案綁定多個事件一個選擇器以及所有未來的匹配元素。
例如輸入元素。
$(document).on({
focus:function(){
alert($(this).val());
},
blur: function(){
alert($(this).val());
}
}, 'input[type=text]');
- 1. jquery on()多元素和多功能
- 2. 針對未來媒體元素的jQuery功能
- 3. jQuery .on()方法不執行元素上的jQuery功能
- 4. jQuery on();功能
- 5. jQuery sortable on on unwrap()元素
- 6. 轉換電流功能,用於未來的元素
- 7. jQuery的 - 呼叫功能的元素
- 8. jQuery更好的方法來調用多個元素的功能?
- 9. JQuery的彩盒未來元素追加
- 10. 的jQuery - 添加事件未來元素
- 11. 單一功能的多元素元素
- 12. on()vs live()單擊還不存在的元素的功能
- 13. 附加元素的jQuery拖放功能
- 14. jQuery toggleClass on div元素
- 15. jquery on the fly新元素
- 16. 我如何獲得jQuery的.each函數動態元素的.on('更改')功能
- 17. 從功能參數jquery當前元素
- 18. jquery和DOM元素點擊功能
- 19. ON DELETE SET DEFAULT - 未實現的功能
- 20. jQuery未能找到動態元素
- 21. 我可以在文檔上使用哪些功能來適時應用功能,包括未來的元素?
- 22. IT ++中的元素功能
- 23. jQuery的 - 多個事件來觸發相同的功能,但不同的元素
- 24. 地圖功能,元組的元素
- 25. 傳遞$(本)DOM元素的功能
- 26. 擴展DOM元素的功能
- 27. jQuery UI Sortable snap on drag元素
- 28. jquery使用$ .on添加dom元素?
- 29. jQuery on()無法刪除元素
- 30. jQuery -listening(使用'on')到哪個元素?
所以你所說的是「on」也是爲了當前和未來的dom? –
是的,只要插入的元素位於綁定事件的元素內部。 – David
正是我需要的。我愛你 –