首頁 > web前端 > 前端問答 > 如何解決jquery bind失效問題

如何解決jquery bind失效問題

藏色散人
發布: 2021-11-12 11:23:13
原創
2163 人瀏覽過

jquery bind失效的解決方法:1、建立一個HTML範例檔案;2、使用「$(".sentnum-box").delegate(".a-add-ordergoods","click", function(){...});」方法解決即可。

如何解決jquery bind失效問題

本文操作環境:windows7系統、jquery3.2.1版、DELL G3電腦

如何解決jquery bind失效問題?

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

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

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

但是這樣存在一個問題:

bind確實能綁定事件,但是那是相對於固定的html標籤來說

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

例如:

我給標籤賦予一個click , 標籤包括內容都是從後台資料讀取然後動態載入的。當我使用bind來綁定click事件,這時, 第一次點擊click能成功觸發

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

後面研究發現,jQuery還有個綁定事件的方法:delegate();  

用法如下:

$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){ 
  //js数据代码
});
登入後複製

這樣就能實現對動態資料綁定事件,並且永遠不會失效

推薦學習:《jquery影片教學

以上是如何解決jquery bind失效問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板