我正在使用jQuery在UpdatePanel内的元素上连接一些鼠标悬停效果。事件绑定在$(document)中。准备好了。例如:
$(function() {
$('div._Foo').bind("mouseover", function(e) {
// Do something exciting
});
});
当然，这在页面第一次加载时工作得很好，但是当UpdatePanel进行部分页面更新时，它不会运行，鼠标悬停效果在UpdatePanel内部也不再工作。
在第一个页面加载时，以及每次UpdatePanel触发部分页面更新时，建议使用什么方法来连接jQuery中的内容?我应该使用ASP。NET ajax生命周期代替$(document).ready?
当前回答
升级到jQuery 1.3并使用:
$(function() {
$('div._Foo').live("mouseover", function(e) {
// Do something exciting
});
});
注:现场工作与大多数事件，但不是所有。在文档中有一个完整的列表。
其他回答
FWIW，我在使用mootools时也遇到了类似的问题。重新附加我的事件是正确的举动，但需要在请求结束时完成
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function() {...
如果beginRequest导致你得到空引用JS异常，请记住这一点。
干杯
我也遇到过类似的问题，发现最好的方法是依靠事件冒泡和事件委托来处理它。事件委托的好处是，一旦设置好，就不必在AJAX更新后重新绑定事件。
我在代码中所做的是在更新面板的父元素上设置一个委托。更新时不会替换此父元素，因此事件绑定不受影响。
有很多很好的文章和插件可以用jQuery处理事件委托，这个特性很可能会加入到1.3版本中。我用来参考的文章/插件是:
http://www.danwebb.net/2008/2/8/event-delegation-made-easy-in-jquery
一旦您理解了发生了什么，我认为您会发现这是一个更优雅的解决方案，比每次更新后都记得重新绑定事件更可靠。这还有一个额外的好处，即在卸载页面时为您提供一个可以解绑定的事件。
pageLoad = function () {
$('#div').unbind();
//jquery here
}
pageLoad函数非常适合这种情况，因为它在初始页面加载和每次updatepanel异步回发时运行。我只需要添加unbind方法，使jquery工作在updatepanel回发。
http://encosia.com/document-ready-and-pageload-are-not-the-same/
升级到jQuery 1.3并使用:
$(function() {
$('div._Foo').live("mouseover", function(e) {
// Do something exciting
});
});
注:现场工作与大多数事件，但不是所有。在文档中有一个完整的列表。
jQuery在UpdatePanel中的用户控件
这不是对问题的直接回答，但我确实通过阅读我在这里找到的答案把这个解决方案组合在一起，我想有人可能会觉得它有用。
我试图在用户控件中使用jQuery文本区域限制器。这很棘手，因为用户控件运行在UpdatePanel内部，并且在回调时丢失了绑定。
如果这只是一个页面，这里的答案将直接适用。但是，用户控件不能直接访问head标签，也不能像一些答案假设的那样直接访问UpdatePanel。
我最终把这个脚本块放在我的用户控件的标记的顶部。对于初始绑定，它使用$(document)。准备好了，然后使用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>
所以…我只是想让某人知道这个方法有用。
