jquery為動態(tài)添加元素添加事件

jquery為動態(tài)添加元素添加事件

ID:8808190

大?。?2.50 KB

頁數(shù):2頁

時間:2018-04-08

jquery為動態(tài)添加元素添加事件_第1頁
jquery為動態(tài)添加元素添加事件_第2頁
資源描述:

《jquery為動態(tài)添加元素添加事件》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、以前我們定義事件,比如為元素定義單擊事件是這樣寫的:代碼如下:$('input').click(function(){//處理代碼});?或代碼如下:$('.clickme').bind('click',function(){//Boundhandlercalled.});?但是這只能是對已經(jīng)加載好的元素定義事件,那些后來添加插入的元素則需要另行綁定。即使你使用jquery的clone函數(shù),它并不能將事件也復(fù)制(到目前為止我還不清楚它是為什么這樣定義,是沒法復(fù)制還是刻意這么處理,以防止出現(xiàn)某些異常,這還有待去分析一下jquery的源代碼)

2、?,F(xiàn)在,使用live你可以輕松搞定,$('.clickme').live('click',function(){//Livehandlercalled.});這樣,你即使在后面動態(tài)插入的元素,也會被綁定事件,$('body').append('Anothertarget

');定義和用法live()方法為被選元素附加一個或多個事件處理程序,并規(guī)定當(dāng)這些事件發(fā)生時運(yùn)行的函數(shù)。通過live()方法附加的事件處理程序適用于匹配選擇器的當(dāng)前及未來的元素(比如由腳本創(chuàng)建的新元素)。?問題:使用jQu

3、ery的live()方法綁定事件,有時會出現(xiàn)重復(fù)綁定的情況,如,當(dāng)點(diǎn)擊一個按鈕時,此按鈕所綁定的事件會并執(zhí)行n遍。解決:使用die()方法,在live()方法綁定前,將此元素上的前面被綁定的事件統(tǒng)統(tǒng)解除,然后再通過live()方法綁定新的事件。?Js代碼//先通過die()方法解除,再通過live()綁定$("#selectAll").die().live("click",function(){//事件運(yùn)行代碼});//先通過die()方法解除,再通過live()綁定$("#selectAll").die().live("click",f

4、unction(){??//事件運(yùn)行代碼?});die()方法簡介:?Js代碼die([type],[fn])die([type],[fn])概述jQuery1.3新增。此方法與live正好完全相反。如果不帶參數(shù),則所有綁定的live事件都會被移除。你可以解除用live注冊的自定義事件。如果提供了type參數(shù),那么會移除對應(yīng)的live事件。如果也指定了第二個參數(shù)function,則只移出指定的事件處理函數(shù)。

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費(fèi)完成后未能成功下載的用戶請聯(lián)系客服處理。
相關(guān)標(biāo)簽