-
加入我們
-
VIP定制
-
求關(guān)注
Thank you for visiting
029-81773686
全網(wǎng)開發(fā)&整合營銷服務商
CopyRight
?HOOBOO All rights reserved
2018.09.03
jquery元素用click是可以點擊的【$("#XXX").click(function(){}】,生成的元素常見的click是不能在次點擊的,替換下點擊click就可以
在使用jquery中動態(tài)新增的元素節(jié)點時會發(fā)現(xiàn)添加的事件是無法觸發(fā)的,我們下面就為各位來詳細的介紹此問題的解決辦法.
比如做一個ajax讀取留言列表的時候,每條留言后面有個回復按鈕,class為“reply”,如果你用的是$(".reply").click(function(){ //do something... }),想必后面通過ajax加載進來的列表中的回復按鈕,點擊事件會失效,其實最簡單的方法就是直接在標簽中寫onclick="",但是這樣寫其實是有點low的,最好的方式還是通過給類名綁定一個click事件。
解決jquery中動態(tài)新增的元素節(jié)點無法觸發(fā)事件的問題有兩種解決方法,如下,為了達到更好的演示效果,假設(shè)在某個頁面的body下有以下結(jié)構(gòu)的代碼:
方法一:使用live 適用于低版本
live()函數(shù)會給被選的元素綁定上一個或者多個事件處理程序,并且規(guī)定當這些事件發(fā)生時運行的函數(shù),通過live()函數(shù)適用于匹配選擇器的當前及未來的元素,比如,通過腳本動態(tài)創(chuàng)建的元素,實現(xiàn)如下:
$('.liLabel').live('click', function(){ });
方法二:使用on
可以通過on方法綁定事件,可以綁定到它的父級或者body中,實現(xiàn)如下:
$("#ulLabel").on('click','.liLabel',function(){ }); //或者: $("body").on('click','.liLabel',function(){ });
$(document).on('click','.del',function(e){ $(this).parents('tr').remove(); });
讓價值共享 記錄企業(yè)發(fā)展腳步 感恩相伴
溫馨提醒:找西安做網(wǎng)站的公司,請選擇手續(xù)齊全、業(yè)務精、服務好的正規(guī)公司
CopyRight ? 西安宏博網(wǎng)絡科技有限公司 備案號:陜ICP備10007014號-8 站點地圖 免責聲明:本網(wǎng)站部分資源來源于網(wǎng)絡,如有侵權(quán),請聯(lián)系我們告知刪除,我們將會盡快處理,謝謝!本站不承擔任何法律責任。