Ajax.BeginForm - 如何从 PartialView 访问新的 DOM 对象？

Question

我有以下 div，它正在加载部分视图

<div id="_customerForm">
            @Html.Partial("~/Views/Customer/_customerForm.cshtml", Model.customerForm)
</div>

在那个部分视图中我有 Ajax 表单

@using (Ajax.BeginForm("UpdateCustomer",
        "Customer",
         new AjaxOptions()
         {
               HttpMethod = "POST",
               InsertionMode = InsertionMode.Replace,
               UpdateTargetId = "_customerForm",
         }
))
{
...
}

当我提交 Ajax 表单时，会重新生成部分视图，包括 Ajax 表单（通过来自服务器的新模型）

我面临的问题是我将 jquery 事件附加到该表单的输入之一，该输入有效，直到刷新表单。例如

$("#CustomerAddressList").change(function () { ... });

#CustomerAddressList DOM 上的更改事件一直有效，直到 #CustomerAddressList 被新的 PartialView 模型刷新，知道吗？

Answer 1

使用

$(document).on("change", "#CustomerAddressList", function(){
...
});

或

$("body").on("change", "#CustomerAddressList", function(){
...
});

因为监听器绑定到页面上的一个持久元素，所以选择器引用的项目是否是动态内容并不重要。

.on documentation.