在Ajax调用后，MVC Webgrid分页和排序停止工作

Question

我创建了一个使用Webgrid在视图上显示数据的MVC应用程序。 在网格的工具栏中，我有下拉菜单，文本框和一个搜索按钮，它们调用Jquery执行各种操作。 例如，如果单击搜索按钮，则会基于文本输入通过Ajax刷新网格。 在与webgrid（页面或排序）进行交互之前，这一切都很好。 我们注意到，如果进行了任何ajax调用，则排序和分页将不再起作用。 另外，如果我先加载页面和页面或进行排序，那么我的JavaScript均无法正常工作。 我一直在研究此问题，但没有看到任何具体的解决方案。 有人对解决方案有建议吗？

Answer 1

我敢打赌，您正在使用$("#Sort").click(function(){});类的东西将jquery处理程序附加到document.ready函数中$("#Sort").click(function(){}); 。 当您通过AJAX调用重新加载网格时，由于没有重新加载DOM，因此不会重新附加jquery处理程序。 尝试使用类似$("#Sort").live('click', function(){}); 一旦标识符出现在页面上，它将把处理程序附加到您的标识符的任何实例。

这是一个完整的猜测，因为您没有发布任何代码，但是此和您在上面引用的帖子（ SO post ）似乎已经解决了您的问题。