Javascript 弹出式图表在Ajax UpdatePanel中不起作用
我已经成功地构建了一个弹出式图表,当鼠标悬停在GridView中的图像上时会显示该图表。问题是,如果我将Gridview放在UpdatePanel中,在页面中的下拉列表中更改选择后,一旦页面更新,弹出窗口就不会显示 请参见下面的代码示例Javascript 弹出式图表在Ajax UpdatePanel中不起作用,javascript,jquery,asp.net,ajax,gridview,Javascript,Jquery,Asp.net,Ajax,Gridview,我已经成功地构建了一个弹出式图表,当鼠标悬停在GridView中的图像上时会显示该图表。问题是,如果我将Gridview放在UpdatePanel中,在页面中的下拉列表中更改选择后,一旦页面更新,弹出窗口就不会显示 请参见下面的代码示例 <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:GridView ID="Table0" runat="server" Auto
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:GridView ID="Table0" runat="server" AutoGenerateColumns="False" DataSourceID="SQL">
....
</asp:GridView>
</ContentTemplate>
</asp:UpdatePanel>
但我收到一条错误信息:
错误:无法获取属性“panelsToUpdate”的值:对象为null或未定义
我还尝试了以下方法,没有出现错误,但似乎不起作用:
//On UpdatePanel Refresh
var prm = Sys.WebForms.PageRequestManager.getInstance();
if (prm != null) {
prm.add_endRequest(function (sender, e) {
if (sender._postBackSettings.panelsToUpdate != null) {
jQuery(document).ready(function ($) {
$('.HoverDesc').hover(function () {
$(this).find('p').show(200);
}, function () {
$(this).find('p').hide(100);
});
});
}
});
};
任何帮助都将不胜感激
谢谢如果它对某人有帮助,我已通过此页面的帮助解决了此问题: 代码如下:
<script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
function EndRequestHandler(sender, args) {
if (args.get_error() == undefined) {
alertTest();
}
}
function alertTest() {
jQuery(document).ready(function ($) {
$('.HoverDesc').hover(function () {
$(this).find('p').show(200);
}, function () {
$(this).find('p').hide(100);
});
});
}
alertTest();
</script>
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
函数EndRequestHandler(发送方,参数){
if(args.get_error()=未定义){
alertTest();
}
}
函数alertTest(){
jQuery(文档).ready(函数($){
$('.HoverDesc').hover(函数(){
$(this.find('p').show(200);
},函数(){
$(this.find('p').hide(100);
});
});
}
alertTest();
<script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
function EndRequestHandler(sender, args) {
if (args.get_error() == undefined) {
alertTest();
}
}
function alertTest() {
jQuery(document).ready(function ($) {
$('.HoverDesc').hover(function () {
$(this).find('p').show(200);
}, function () {
$(this).find('p').hide(100);
});
});
}
alertTest();
</script>