Javascript 弹出式图表在Ajax 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

我已经成功地构建了一个弹出式图表,当鼠标悬停在GridView中的图像上时会显示该图表。问题是,如果我将Gridview放在UpdatePanel中,在页面中的下拉列表中更改选择后,一旦页面更新,弹出窗口就不会显示

请参见下面的代码示例

<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>