快捷導(dǎo)航

解決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綁定事件失效的問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jquery $(this).attr $(this).val方法使用介紹
$(this).attr(key); 獲取節(jié)點(diǎn)屬性名的值，相當(dāng)于getAttribute(key)方法，本文整理了一些相關(guān)的示例，感興趣的朋友可以參考下
2013-10-10
jQuery菜單實(shí)例(全選,反選,取消)
下面小編就為大家?guī)硪黄猨Query菜單實(shí)例(全選,反選,取消)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08
淺析jQuery中使用$所引發(fā)的問題
這篇文章主要介紹了淺析jQuery中使用$所引發(fā)的問題的相關(guān)資料,f非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-05-05
Javascript技巧之不要用for in語句對(duì)數(shù)組進(jìn)行遍歷
Javascript技巧-不要用for in語句對(duì)數(shù)組進(jìn)行遍歷的一些原因分析，需要的朋友可以參考下。
2010-10-10
jQuery的Cookie封裝,與PHP交互的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)硪黄猨Query的Cookie封裝,與PHP交互的簡(jiǎn)單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
分享33個(gè)jQuery與CSS3實(shí)現(xiàn)的絢麗鼠標(biāo)懸停效果
今天整理了33個(gè)使用jQuery與CSS3實(shí)現(xiàn)絢麗的鼠標(biāo)懸停效果，有些是純CSS3的，這些效果你完全可以用在你的網(wǎng)頁上，讓網(wǎng)站獲得更好的體驗(yàn)
2014-12-12
JavaScript中的apply和call函數(shù)詳解
本文是翻譯Function.apply and Function.call in JavaScript，希望對(duì)大家有所幫助
2014-07-07
javascript jQuery $.post $.ajax用法
這是一個(gè)簡(jiǎn)單的 POST 請(qǐng)求功能以取代復(fù)雜 $.ajax 。請(qǐng)求成功時(shí)可調(diào)用回調(diào)函數(shù)。如果需要在出錯(cuò)時(shí)執(zhí)行函數(shù)，請(qǐng)使用 $.ajax。
2008-07-07
jquery 彈出公告功能代碼
jquery 彈出公告功能代碼，可以關(guān)閉，有過度的關(guān)閉與打開。
2010-05-05
利用jquery實(shí)現(xiàn)實(shí)時(shí)更新歌詞的方法
這篇文章主要給大家介紹了如何利用jquery實(shí)現(xiàn)實(shí)時(shí)更新歌詞的方法,文中給出了詳細(xì)的實(shí)現(xiàn)思路和示例代碼，對(duì)大家的參考借鑒具有一定的價(jià)值，有需要的朋友下面來跟著小編一起學(xué)習(xí)學(xué)習(xí)吧。
2017-01-01