asp:UpdatePanel 重新绑定jquery

最新推荐文章于 2021-07-01 11:22:53 发布

原创最新推荐文章于 2021-07-01 11:22:53 发布 · 985 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#asp #updatepanel #jquery

jquery web前端专栏收录该内容

6 篇文章

订阅专栏

本文讨论了ASP UpdatePanel无法加载jQuery的原因，并提供了解决方案：将jQuery中的ready事件代码提取并绑定到ScriptManager的EndRequest事件，确保每次UpdatePanel局部刷新后都能执行jQuery初始化代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

asp:UpdatePanel 无法加载jquery原因： jquery中的ready事件会在DOM完全加载后运行一次，而当我们实用了UpdatePanel，它只局部更新，并未重新加载页面所有Dom，所以jquery中ready事件将不会再次执行。所以，我们可以将ready事件中执行的代码提取出来，然后通过捕获ScriptManager的EndRequest事件，在每次 UpdatePanel局部刷新之后执行一次jQuery初始化代码：

上面正如你所看的，红色方框里，我同一个方法写了两次，原因：上面第一个方框是为了jquery第一次加载使用，下面方框是捕获ScriptManager的EndRequest事件所用，上面JS是这么写的，

<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <script type="text/javascript">
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(InIEvent)
    </script>

页面上要加 Sys.WebForms.PageRequestManager.getInstance().add_endRequest(InIEvent) 并且要在asp:ScriptManager这样才用得起