jQuery选择器在ASP.NET回发后不起作用（没有UpdatePanels，没有AJAX）

Question

我需要尽快对旧页面进行更改，而为了避免回发而对AJAX进行修改的工作将花费太长时间（制作更正确的版本将在稍后推出，这项新功能需要尽快就位）。 所需的javscript更改过于复杂，无法完全在该页面当前用于所有内容的纯JS中进行尝试（就算是一团糟），所以我决定使用jQuery快速实现新功能。

一切正常，直到有回发，之后文档就绪功能仍然运行，但是选择器不再找到任何东西。 我没有使用ASP.NET AJAX，因此没有UpdatePanels或部分回发。

发生了什么，如何以最简单，最快的方式修复它？

Answer 1

虽然$(document).ready()是一次性初始化例程的理想选择，但是如果您有需要在每次部分回发后重新运行的代码，它会使您陷入困境。 当然，有一些方法可以解决此问题。 但是您可以尝试使用.NET franeworks pageLoad()并将事件绑定到那里吗，看看回发后选择器是否仍然有效。

<script type="text/javascript">
  function pageLoad() {
    $("#Button1").on('click', function () {
       ...
    });
  }
</script>

Answer 2

如果您将触发器附加到DOM，而DOM中的该元素被替换，则触发器将丢失。 这样的触发器可能看起来像$('#mydiv').on('click', function(){}); 。

相反，您可以将触发器附加到将不会被替换的DOM元素上。 最简单的方法是将其附加到document ，但是建议您缩小搜索范围。

这样的选择器看起来像

$('document').on('click', '#mydiv', function() {});

这意味着，如果重新创建元素#mydiv，则触发器不会丢失。

您可以在http://api.jquery.com/on/上了解有关委托事件的更多信息。