您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“怎么解決jquery bind失效問題”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“怎么解決jquery bind失效問題”這篇文章吧。
jquery bind失效的解決辦法:1、創建一個HTML示例文件;2、使用“$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){...});”方法解決即可。
本文操作環境:windows7系統、jquery3.2.1版、DELL G3電腦
如何解決jquery bind失效問題?
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數據代碼 });
這樣就能實現對動態數據綁定事件,并永不失效
以上是“怎么解決jquery bind失效問題”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。