原文:給DOM操作生成的元素添加事件

問題:通過js給頁面添加新元素,並給該元素添加綁定事件,但新添加的元素上卻沒有綁定任何事件。 常見例子:在處理表格的時候,每行行末有個刪除按鈕,如下圖。點擊刪除按鈕的時候刪除這一行。 View Code 如果上圖中的刪除按鈕在dom操作前就在頁面中的話,給其添加是可以的 如果表格中的每行都是通過dom操作添加的話,可以發現,刪除按鈕上卻沒有綁定任何事件。那么要怎么做才可以給dom生成的元素添加事件 ...

2017-01-02 16:59 0 3714 推薦指數:

查看詳情

jquery給動態添加dom元素綁定事件

這只能是對已經加載好的元素定義事件,那些后來添加插入的元素則需要另行綁定,對於頁面中動態添加元素,在頁面加載完成后添加的,因此頁面加載時無法給其綁定事件處理函數,好在jquery提供了on方法,如為動態添加元素附加單擊事件。對於jquery1.7+的版本直接用on方法 ...

Tue Apr 29 16:34:00 CST 2014 0 2326
動態生成dom元素如何綁定事件

兩種類型1、$('li').bind('click',function(){}); 當你用js動態添加li的時候,你添加的li不具有你綁定的事件。這種寫法與$('li').click(function(){})一樣。2、$('li').live('click',function(){}); 當你 ...

Thu Sep 13 00:22:00 CST 2018 4 1416
dom元素操作(動態事件綁定)

遇到的問題:動態生成的內容,事件綁定會出錯。 例子: http://snowinmay.net/jqm/dom-learn2.html 1.綁定事件對動態生成的新元素無效。 問題描述: bind事件綁定后只對dom中存在的元素 ...

Wed Nov 20 03:27:00 CST 2013 0 2968
Jquery each() 如何操作動態添加DOM元素

  JQ each頁面上的DOM元素的時候,如果有一部分的DOM是ajax異步加載的,那么each可能遍歷不到元素,異步請求數據的同時不會影響后面的代碼執行,今天就遇到這個問題了,   解決方案是講ajax改成同步請求或者請求成功后再做DOM操作,當然選擇的是后者。同步可能會導致程序卡 ...

Tue Aug 23 02:18:00 CST 2016 0 5257
js操作DOM動態添加和移除事件

非IE下,注意事件名不帶on,如onclick為click 添加事件DOM對象.addEventListener('事件名',函數名,true/false); 刪除事件DOM對象.removeEventListener('事件名',函數名,true/false); 第三個參數 ...

Tue Apr 26 04:17:00 CST 2016 0 2943
jquery動態生成元素添加事件的方法

動態生成元素如果要添加事件,要寫成 $(document).on("click", "#txtName", function() { alert(this.value); });    作者:小路 QQ:2490024434 出處:http ...

Mon Nov 21 21:18:00 CST 2016 0 1535
怎么在ng-repeat生成元素操作dom

這個問題其實對初學者來說,都 有這樣的經歷,用ng-repeat生成元素用js怎么也獲取不到;這個其中原由是:angular擁有自動化渲染DOM的特性,它能幫助我們專注於操作數據,而頁面的渲染則由angular自身來完成。這就造成了 ng-repeat 循環完成后angular並不會告訴我 ...

Sat Nov 19 09:06:00 CST 2016 0 1952
JS DOM元素操作(創建,添加,刪除,和修改屬性)

1.1 創建 DOM 元素以及相應的追加方式   1.1.1 創建:document.createElement('div'); 添加: fatherEle.appendChild(ele);      appendChild 是將一個元素追加到另一個元素的最后, 不會覆蓋父元素原有的內容 ...

Wed Jan 30 01:11:00 CST 2019 0 25034
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM