[ajax自动刷新更新面板后，jquery不起作用

Posted 2023-02-22

<script>
    !window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
    </script>
        //this the jquery I'm using
    <script type="text/javascript" src="jquery.fancybox-1.3.4.pack.js"></script>

<script type="text/javascript">
     //the function calls the query
    $(document).ready(function x() 
        /*
        *   Examples - images
        */
            //set the position of title on image

        $("a#example7").imagebox(
            'titlePosition': 'inside'
        );
    );

</script>

答案

在通过updatepanels进行异步页面回发期间，不会触发$ document）.ready函数，因此必须以其他方式执行$ document）.ready的代码。

您可以执行以下两种方式中的任何一种：

第一种方式：

<script type="text/javascript">
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        prm.add_initializeRequest(InitializeRequest);
        prm.add_endRequest(EndRequest);
        function InitializeRequest(sender, args)                
            //do any action that you want to be executed before postbacks
        
        function EndRequest(sender, args) 
            $("a#example7").imagebox(
                 'titlePosition': 'inside'
            );
        
</script>

第二种方法，即使用RegisterStartupScript：

<script type="text/javascript">
            function CreateImageBox() 
                $("a#example7").imagebox(
                     'titlePosition': 'inside'
                );
            
</script>

在c＃代码中使用：

ScriptManager.RegisterStartupScript(UpdatePanel1, UpdatePanelTab.GetType(), "createimagebox", "CreateImageBox();", true);