處理局部視圖和javascript

Question

我已經設置了一個局部視圖在索引頁中進行渲染。當用戶點擊排序按鈕時，局部視圖會使用Ajax發送到服務器。這是因爲整個頁面不會刷新局部視圖表。

問題出在第一次排序之後，索引頁中的JavaScript不再有效。我通過將js放在局部視圖本身來解決這個問題來解決這個問題，但是這會產生js錯誤來表示「繼續」或「忽略」。

Answer 1

這是因爲你新注入的元素（通過ajax）沒有意識到事件有界。所以那些事件綁定對他們來說是不可用的。

你應該改變你的事件綁定使用on，使其處理潮流元素和未來元素

例如（動態通過AJAX左右加入到DOM），如果你要處理的點擊事件與CSS類someCssClassSelector元件，

變化

$(".someCssClassSelector").click(function(){ 
    //do something 
}); 

到

$(document).on("click",".someCssClassSelector",function(){ 
    //do something 
});