我正在使用 jQuery 在 UpdatePanel 内的元素上连接一些鼠标悬停效果。事件绑定在$(document).ready. 例如：
$(function() {
$('div._Foo').bind("mouseover", function(e) {
// Do something exciting
});
});
当然，这在第一次加载页面时工作正常，但是当 UpdatePanel 执行部分页面更新时，它不会运行并且鼠标悬停效果在 UpdatePanel 内不再起作用。
不仅在第一页加载时，而且每次 UpdatePanel 触发部分页面更新时，在 jQuery 中连接东西的推荐方法是什么？我应该使用 ASP.NET ajax 生命周期而不是$(document).ready?
UpdatePanel 在更新时完全替换更新面板的内容。这意味着您订阅的那些事件不再订阅，因为该更新面板中有新元素。
我为解决此问题所做的工作是在每次更新后重新订阅我需要的事件。我$(document).ready()用于初始加载，然后使用 Microsoft 的PageRequestManager（如果您的页面上有更新面板，则可用）重新订阅每个更新。
$(document).ready(function() {
// bind your jQuery events here initially
});
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function() {
// re-bind your jQuery events here
});
这PageRequestManager是一个 javascript 对象，如果页面上有更新面板，它会自动可用。只要 UpdatePanel 在页面上，除了上面的代码之外，您不需要执行任何其他操作即可使用它。
如果您需要更详细的控制，此事件传递的参数类似于 .NET 事件传递参数的方式，(sender, eventArgs)因此您可以查看引发事件的原因，并且仅在需要时重新绑定。
以下是 Microsoft 文档的最新版本：msdn.microsoft.com/.../bb383810.aspx
根据您的需要，您可能拥有的更好选择是使用 jQuery 的.on(). 这些方法比在每次更新时重新订阅 DOM 元素更有效。但是，在使用此方法之前请阅读所有文档，因为它可能满足也可能不满足您的需求。有很多 jQuery 插件无法重构以使用.delegate()or .on()，因此在这些情况下，您最好重新订阅。
<script type="text/javascript">
function BindEvents() {
$(document).ready(function() {
$(".tr-base").mouseover(function() {
$(this).toggleClass("trHover");
}).mouseout(function() {
$(this).removeClass("trHover");
});
}
</script>
即将更新的区域。
<asp:UpdatePanel...
<ContentTemplate
<script type="text/javascript">
Sys.Application.add_load(BindEvents);
</script>
*// Staff*
</ContentTemplate>
</asp:UpdatePanel>
在 UpdatePanel 中使用 jQuery 进行用户控制
这不是问题的直接答案，但我确实通过阅读我在此处找到的答案将这个解决方案放在一起，我认为有人可能会觉得它很有用。
我试图在用户控件中使用 jQuery textarea 限制器。这很棘手，因为用户控件在 UpdatePanel 内部运行，并且它在回调时丢失了绑定。
如果这只是一个页面，这里的答案将直接适用。但是，用户控件不能直接访问 head 标记，也不能直接访问 UpdatePanel，正如某些答案所假设的那样。
我最终把这个脚本块放在了我的用户控件标记的顶部。对于初始绑定，它使用 $(document).ready，然后从那里使用 prm.add_endRequest：
<script type="text/javascript">
function BindControlEvents() {
//jQuery is wrapped in BindEvents function so it can be re-bound after each callback.
//Your code would replace the following line:
$('#<%= TextProtocolDrugInstructions.ClientID %>').limit('100', '#charsLeft_Instructions');
}
//Initial bind
$(document).ready(function () {
BindControlEvents();
});
//Re-bind for callbacks
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function() {
BindControlEvents();
});
</script>
所以......只是想有人可能想知道这是有效的。
升级到 jQuery 1.3 并使用：
$(function() {
$('div._Foo').live("mouseover", function(e) {
// Do something exciting
});
});
注意：实时适用于大多数事件，但不是全部。文档中有完整列表。
你也可以试试：
<asp:UpdatePanel runat="server" ID="myUpdatePanel">
<ContentTemplate>
<script type="text/javascript" language="javascript">
function pageLoad() {
$('div._Foo').bind("mouseover", function(e) {
// Do something exciting
});
}
</script>
</ContentTemplate>
</asp:UpdatePanel>
，因为 pageLoad() 是一个 ASP.NET ajax 事件，每次在客户端加载页面时都会执行该事件。