Question

我使用@Html.RenderAction("_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>
}

点击按钮后，我想刷新这个局部视图。我尝试的方法是使用jQuery ajax get方法。

 $.get("/VmsMessage/_DisplayImages", null, function (data) {
                //success

                $('#bit').html(data);

            }, "html");

部分视图已刷新。但它不再响应这些事件。为什么？

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

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

Answer 1

由于html将动态生成，因此事件不会在DOM加载时绑定，您需要执行event delegation：

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

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

刷新部分视图

1 个答案: