处理部分视图和javascript

Question

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

问题是在第一次排序之后，索引页中的JavaScript不再有效。我通过将js放在局部视图中来持久化事件来解决这个问题，但这会导致js错误地说出'continue‘或'ignore’。

Answer 1

这是因为您新注入的元素(通过ajax)不知道绑定的事件。所以这些事件绑定对它们是不可用的。

您应该将事件绑定更改为使用on，以便它处理当前元素和未来元素(通过ajax等动态添加到DOM )

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

变化

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

至

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