有一段時間沒用jquery了,今天又碰到這個問題。當時是知道有livejquery可以解決。但是我並不喜歡為了這個而另外載入乙個。我當時的處理方法是在新增的時候手工繫結事件處理函式。不過新版的jquery已經新增了這個功能。我們已經不需要為此煩惱了。
參考:以前我們定義事件,比如為元素定義單擊事件是這樣寫的:
jquery**
$('input').click(function()); 或
jquery**
$('.clickme').bind('click',function());
但是這只能是對已經載入好的元素定義事件,那些後來新增插入的元素則需要另行繫結。即使你使用jquery的clone函式,它並不能將事件也複製(到目前為止我還不清楚它是為什麼這樣定義,是沒法複製還是刻意這麼處理,以防止出現某些異常,這還有待去分析一下jquery的源**)。
現在,使用live你可以輕鬆搞定,
jquery**
$('.clickme').live('click',function());
這樣,你即使在後面動態插入的元素,也會被繫結事件,
jquery**
JQuery動態新增元素
動態新增元素 1.先寫個殼子 2.動態新增 aj click function 注意點一 在新增新元素時最好不要加多餘的字元 比如空格 否則如果後面要刪除容易加入過多 text元素 注意點二 用on給未來元素繫結事件 元素上繫結乙個事件,那麼這個元素必須先存在,也就是繫結事件動作前就已有這個元素。如...
JQuery關於如何為動態新增元素繫結事件
頭部 utf 8 title style可以忽略,這裡只是為了能夠看清做的簡單樣式 div.test style 這裡是原始寫法 js jquery 1.12.4.min.js script function 為 id d1 下的所有標籤中 input標籤是按鈕 的元素繫結刪除事件 d1 div i...
jQuery新增元素
新增新的html內容例項 prepend 在被選元素的開頭插入內容 jquery prepend 方法在被選元素的開頭插入內容。例項 p prepend 在開頭追加文字 在上面的例子中,我們只在被選元素的開頭 結尾插入文字 html。例項function before 在被選元素之前插入內容 jqu...