首頁 > web前端 > js教程 > Ajax局部更新導致JS事件重複觸發問題的解決方法

Ajax局部更新導致JS事件重複觸發問題的解決方法

PHPz
發布: 2018-09-30 14:57:30
原創
1197 人瀏覽過

如果在頁面中包含一個ajax更新的列表,那麼需要小心非動態更新部分的事件處理。

以有公用工具列的列表介面為例:

Ajax局部更新導致JS事件重複觸發問題的解決方法

$.ajax( 
.... 
data: { ... 
}, 
success: function(data) { 
$('Menu1').click( 
function(){ 
//do something 
} 
); 
} 
)
登入後複製

由於Menu1介面部分是公用的,並不會隨著清單資料的更新而重新載入,那麼上面的程式碼將產生重複的click事件觸發(在多次更新清單後)。

所以我們要注意,在ajax清單更新的結果處理中,不能包含工具列事件偵聽的重新初始化。

總結:以上就是這篇文章的全部內容,希望能對大家的學習有所幫助。更多相關教學請上JavaScript影片教學AJAX影片教學

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