处理部分视图和JavaScript

Question

我已经设置了一个部分视图来在索引页面中呈现。 当用户单击排序按钮时，使用Ajax将部分视图发布到服务器。 这样整个页面就不会刷新局部视图表。

问题是在第一次排序之后，索引页面中的JavaScript不再有效。 我通过将js放在局部视图本身来解决这个问题来解决这个问题，但这会产生js错误，说“继续”或“忽略”。

Answer 1

这是因为你新注入的元素（通过ajax）不知道有界的事件。 因此，这些事件绑定不适用于它们。

你应该改变你的事件绑定使用on ，使其处理潮流元素和未来元素（添加到DOM动态通过AJAX左右）

例如，如果要处理具有css类someCssClassSelector元素的click事件，

更改

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

至

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