jQuery使用bind動態綁定事件無效的處理方法

最近在進行頁面開發，在做頁面特效的時候，需要給一個動態加載的按鈕賦予一個事件

于是不假思索的 用$(obj).bind();  來綁定事件 。

但是這樣存在一個問題：

bind確實能綁定事件，但是那是相對于固定的html標簽來說

當頁面內容屬于動態加載的時候，bind事件就存在一個bug,  只能bind一次，當你第二次觸發事件的時候就沒用了

例如：

我給<a>標簽賦予一個click ， <a>標簽包括內容都是從后臺數據讀取然后動態加載的。當我使用bind來綁定click事件，這時， 第一次點擊click能成功觸發

但是第二次點擊，click事件無效了.

后面研究發現，jQuery還有個綁定事件的方法：delegate();  用法如下：

$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){ 
 //js數據代碼
});

這樣就能實現對動態數據綁定事件，并永不失效

總結

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com