javascript - 处理部分 View 和 javascript

Question

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

问题是在第一次排序后，索引页中的 JavaScript 不再有效。我通过将 js 放在局部 View 本身来持久化事件来解决这个问题，但这会产生 js 错误，提示“继续”或“忽略”。

Answer 1

这是因为您新注入(inject)的元素(通过ajax)不知道有界事件。因此这些事件绑定(bind)对他们来说不可用。

您应该更改事件绑定(bind)以使用 on这样它就能处理当前元素和 future 元素(通过ajax等动态添加到DOM)

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

改变

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

到

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