Model view controller 刷新局部视图

我使用@Html.RenderAction\u DisplayImages来渲染局部视图

@model List<Univems4.Models.ImageViewModel>

@foreach (var image in Model)
{
<div class="set">

    <div class="header invisible">
        <label class="edit">@image.Name</label>
        <button class="close btnDeleteImage" title="Delete">×</button>
    </div>

    <img class="img-thumbnail edit" src="data:image/bmp;base64,@image.base64string" id="@image.Id" />

</div>
}

局部视图已刷新。但它不再对这些事件作出反应。为什么?

$(".set").hover(function (e) {
  // do something
});

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

---

由于html将动态生成，因此事件不会绑定到DOM加载上，因此您需要执行以下操作：

---

很可能您的所有Javascript事件都绑定在页面加载上，因此重新加载内容不会再这样做。

$(".set").hover(function (e) {
  // do something
});

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

$(document).on("mouseover",".set",function (e) {
  // do something
});

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