我正在使用jQuery在UpdatePanel内的元素上连接一些鼠标悬停效果。事件绑定在$(document)中。准备好了。例如:
$(function() {
$('div._Foo').bind("mouseover", function(e) {
// Do something exciting
});
});
当然，这在页面第一次加载时工作得很好，但是当UpdatePanel进行部分页面更新时，它不会运行，鼠标悬停效果在UpdatePanel内部也不再工作。
在第一个页面加载时，以及每次UpdatePanel触发部分页面更新时，建议使用什么方法来连接jQuery中的内容?我应该使用ASP。NET ajax生命周期代替$(document).ready?
当前回答
使用下面的脚本并相应地更改脚本正文。
<script>
//Re-Create for on page postbacks
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function () {
//your codes here!
});
</script>
其他回答
<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>
FWIW，我在使用mootools时也遇到了类似的问题。重新附加我的事件是正确的举动，但需要在请求结束时完成
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function() {...
如果beginRequest导致你得到空引用JS异常，请记住这一点。
干杯
更新面板总是在每次加载后用其内置的Scriptmanager的脚本替换Jquery。如果你像这样使用pageRequestManager的实例方法会更好…
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(onEndRequest)
function onEndRequest(sender, args) {
// your jquery code here
});
它会工作得很好……
你也可以试试:
<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事件。
函数pageLoad()在这种情况下使用非常危险。您可以将事件连接多次。我也会远离.live()，因为它附加到文档元素，并且必须遍历整个页面(又慢又糟糕)。
迄今为止我见过的最佳解决方案是在更新面板之外的包装器上使用jQuery .delegate()函数并使用冒泡。除此之外，您还可以使用Microsoft的Ajax库来连接处理程序，该库旨在与UpdatePanels一起工作。
