Chrome [VM]文件在每次加载时创建事件处理程序

Question

我使用asp.net剃刀，并通过Jquery加载功能在部分视图中加载页面的一部分。部分视图中脚本的一部分是一个JavaScript事件，如下所示：

$("#FormId").on("submit", function () {
     //doSomeThing..
     //ajax request ..
     $("ContainerDivId").load("UrlToAction"); //load partial view in ajax success function
});

问题是每次加载都会创建事件，并绑定到另一个chrome VM文件中的另一个处理程序，因此处理程序函数会通过单击“提交”按钮多次调用。

我通过标志变量解决了问题，但我知道有一个干净的解决方案。我哪里出错了？

Answer 1

更改添加事件处理程序的代码以首先删除旧的代码：

$("#duplicateFacilityForm").off("submit").on("submit", function ...);