如何对ASP.NET MVC WebGrid分页做出反应以重新附加行单击事件处理程序

Question

在我的Index.cshtml页面中，有一个<div id="searchResults"></div> ，我通过调用带有cache: false $.ajax来填充表单提交的局部视图（仅包含WebGrid ） cache: false （这是loadWithoutCaching函数的功能）。 在这里，我还注册了处理程序以对悬停并单击WebGrid内的行做出反应：

$(document).ready(function () {
  $("form").submit(function () {
    var model = $(this).serialize();
    $("#searchResults").loadWithoutCaching(
      "/LogSearch/SearchResults",
      model,
      function () {
        $("#accSearchCriteria").accordion("option", "active", false);
        $("#accSearchResults").accordion("option", "active", 0);

        registerRowEvents();
      });
    return false;
  })
})

function registerRowEvents() {
  $("#grdResults tbody tr").hover(function () {
    $(this).toggleClass("clickable");
  }).on("click", function () {
    alert("bing");
  })
}

问题：我在WebGrid使用分页，并且在第一次切换页面后，我不再对悬停做出反应或单击任何行。 我知道这些事件处理程序会丢失，但是如何（或更确切地说，何时）重新附加它们？

当我的网站的这一部分通过分页重新加载时（进入控制器中的action方法以自行再次获取其数据），就没有其他$(document).ready了。 有什么我可以使用的东西吗？ 我在包含WebGrid的div上尝试了onload和其他方法，但是那也不起作用。

我也试过反应，在点击a元素触发寻呼，但是这是为时尚早。 在网格完成分页并重新附加代码以处理悬停和单击之后 ，我必须抓紧时间。 我怎样才能做到这一点; 还是有更好的方法？

编辑：我发现$(document).ajaxComplete(fn)在重新加载网格时触发。 现在，所有剩下的就是找出触发事件，就是其中<div>在网页加载，因为有不止一个。 你能帮我吗？

Answer 1

请查看它是否对您有帮助。请使用事件委托，这基本上会为当前和将来的元素添加click事件监听器

$(document).ready(function () {
    App.initEvents();
  $("form").submit(function () {
    var model = $(this).serialize();
    $("#searchResults").loadWithoutCaching(
      "/LogSearch/SearchResults",
      model,
      function () {
        $("#accSearchCriteria").accordion("option", "active", false);
        $("#accSearchResults").accordion("option", "active", 0);
        });
    return false;
  });

});

var App={
initEvents:function(){
    $(document).on("hover","#grdResults tbody tr",function(){
    $(this).toggleClass("clickable");
    });

  $(document).on("click","#grdResults tbody tr",function(){
  alert("bing");
  });

}
};