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

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

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

$.ajax( 
.... 
data: { ... 
}, 
success: function(data) { 
$('Menu1').click( 
function(){ 
//do something 
} 
); 
} 
)

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

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

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