解決jquery appaend元素中id綁定事件失效的問題
更新時(shí)間：2017年09月12日 08:22:16 作者：yangzailu1990
下面小編就為大家?guī)硪黄鉀Qjquery appaend元素中id綁定事件失效的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
1. 在jquery中append元素，如果該元素中有id值并且綁定事件，那么該id事件會(huì)失效，必須刷新一下才能使用。
2.解決辦法：
舉例：如果在一個(gè)<div class="title"></div>中，通過append添加一個(gè)id="demo"的按鈕，常用的直接$("Selector").on("eventType",function(){})監(jiān)聽事件函數(shù)不起作用，例如該按鈕的點(diǎn)擊監(jiān)聽事件應(yīng)該這樣寫：
$(".title").on("click", "#demo", function(){});
以上這篇解決jquery appaend元素中id綁定事件失效的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- jQuery給動(dòng)態(tài)添加的元素綁定事件的方法
- jQuery動(dòng)態(tài)添加的元素綁定事件處理函數(shù)代碼
- jQuery 綁定事件到動(dòng)態(tài)創(chuàng)建的元素上的方法實(shí)例
- jquery html動(dòng)態(tài)添加的元素綁定事件詳解
- jQuery動(dòng)態(tài)添加元素?zé)o法觸發(fā)綁定事件的解決方法分析
- jQuery頁面元素動(dòng)態(tài)添加后綁定事件丟失方法,非 live
- 淺談Jquery為元素綁定事件
- jQuery實(shí)現(xiàn)為動(dòng)態(tài)添加的元素綁定事件實(shí)例分析
- jQuery動(dòng)態(tài)生成的元素綁定事件操作實(shí)例分析
相關(guān)文章
利用jquery操作select下拉列表框的代碼，需要的朋友可以參考 下，jquery操作select的相關(guān)文章會(huì)給你更多的驚喜。2010-06-06
jquery創(chuàng)建一個(gè)ajax關(guān)鍵詞數(shù)據(jù)搜索實(shí)現(xiàn)思路
我們經(jīng)常需要在前臺(tái)頁面輸入關(guān)鍵詞進(jìn)行數(shù)據(jù)的搜索這已經(jīng)成為了一種習(xí)慣今天給大家分享一下如何使用 jQuery，MySQL和Ajax創(chuàng)建簡單和有吸引力的Ajax搜索,感興趣的你可不要錯(cuò)過了哈2013-02-02
jQuery實(shí)現(xiàn)自動(dòng)與手動(dòng)切換的滾動(dòng)新聞特效代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)列表自動(dòng)循環(huán)滾動(dòng)手動(dòng)滾動(dòng)展示新聞，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
jQuery Datatable 多個(gè)查詢條件自定義提交事件(推薦)
這篇文章主要介紹了jQuery Datatable 多個(gè)查詢條件自定義提交事件的相關(guān)資料,需要的朋友可以參考下2017-08-08
jQuery on()方法綁定動(dòng)態(tài)元素的點(diǎn)擊事件無響應(yīng)的解決辦法
這篇文章主要介紹了jQuery on()方法綁定動(dòng)態(tài)元素的點(diǎn)擊事件無響應(yīng)的解決辦法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
jQuery僅用3行代碼實(shí)現(xiàn)的顯示與隱藏功能完整實(shí)例
這篇文章主要介紹了jQuery僅用3行代碼實(shí)現(xiàn)的顯示與隱藏功能,以完整實(shí)例形式分析了jQuery實(shí)現(xiàn)鼠標(biāo)響應(yīng)及頁面元素屬性變換的相關(guān)技巧,需要的朋友可以參考下2015-10-10
由于ASP.NET網(wǎng)頁運(yùn)行后，服務(wù)器控件會(huì)隨機(jī)生成客戶端id，jquery獲取時(shí)候不太好操作，google了下，總結(jié)有以下3種方法.2010-05-05
這篇文章主要介紹了JQuery上傳插件Uploadify使用，文章給出詳細(xì)的步驟來實(shí)現(xiàn)一個(gè)簡單的上傳功能，感興趣的小伙伴們可以參考一下2016-01-01
7款吸引人眼球的jQuery/CSS3特效實(shí)例分享
jQuery和CSS3對(duì)于web前端開發(fā)肯定用得也比較多，接下來分享一些由jQuery和CSS3制作成的特效，希望對(duì)哪些喜歡學(xué)習(xí)特效的朋友有所幫助2013-04-04
jQuery拖拽通過八個(gè)點(diǎn)改變div大小
這篇文章主要為大家詳細(xì)介紹了jQuery拖拽通過八個(gè)點(diǎn)改變div大小，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12