jquery動態(tài)給button添加active無效

1、最近遇到一個問題，即當(dāng)用jquery動態(tài)添加元素后，發(fā)現(xiàn)給動態(tài)添加的元素卻無法觸發(fā)事件。

網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及定制網(wǎng)站建設(shè)服務(wù),專注于成都企業(yè)網(wǎng)站建設(shè),高端網(wǎng)頁制作,對成都木屋等多個行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計(jì),網(wǎng)站優(yōu)化推廣哪家好,專業(yè)營銷推廣優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。

2、jquery中有一個叫l(wèi)ive的方法：jQuery 給所有匹配的元素附加一個事件處理函數(shù)，即使這個元素是以后再添加進(jìn)來的也有效。

3、如果你的元素是用click事件append進(jìn)來的，那你的功能函數(shù)必須放在這個click事件里面。

4、首先，打開html編輯器，新建html文件，例如：index.html，并引入jquery。

5、不管button.do是否為已經(jīng)存在的，還是未來添加的，都能執(zhí)行。

6、index.html，并引入jquery。在index.html中的script標(biāo)簽，輸入jquery代碼：(body).append(input type=button value=確定)；瀏覽器運(yùn)行index.html頁面，此時成功通過jquery動態(tài)創(chuàng)建了一個確定按鈕。

jquery按鈕失效問題

這是因?yàn)辄c(diǎn)擊button后，外層的a標(biāo)簽也會被觸發(fā)，然后頁面就刷新了，css效果也肯定就“一夜回到解放前”了。

不管button.do是否為已經(jīng)存在的，還是未來添加的，都能執(zhí)行。

(this).removeClass().addClass(on)；句話會把類名為i1的元素的類名移除，給他添加類名on，所以$(.i1).click在執(zhí)行的時候就找不到這個元素了。

jquery里有個一次性的事件處理方法：one(eventType，fn)。具體可以這樣做：(function(){ (#s1).one(click，showDIV(1))；})；jquery還有一個解除事件委派的方法：unbind([eventType])。

頂樓上，因?yàn)槭怯胘s動態(tài)添加的，事件沒有在初始化綁定才會出現(xiàn)這個現(xiàn)象。如果樓上代碼有可能有問題的，試試把類名和click對調(diào)。

首先，就直接讓他 disabled 屬性賦值 true 就灰了。

jquery如何讓一個按鈕點(diǎn)擊后失效1s然后又可以點(diǎn)

使用jquery。unbind事件 和 bind事件就能解決。

案例為一個按鈕的點(diǎn)擊事件，最少10秒可執(zhí)行一次，如果允許執(zhí)行將提醒“按鈕事件被觸發(fā)”，如果不允許執(zhí)行將提醒“目前按鈕事件不允許被觸發(fā)”。

新建一個html文件，命名為test.html，用于講解怎么讓jquery事件執(zhí)行一次。在test.html文件內(nèi)，引入jquery.min.js庫文件，成功加載該文件，才能使用jquery中的方法。

網(wǎng)站標(biāo)題：jquery按鈕失效 jquery控制按鈕不可點(diǎn)擊
URL標(biāo)題：http://jinyejixie.com/article13/dgjsdds.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、營銷型網(wǎng)站建設(shè)、微信小程序、品牌網(wǎng)站設(shè)計(jì)、搜索引擎優(yōu)化、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)