Jquery - 更新面板冲突

Question

描述：

我添加了更新到我的 asp.net 页面，我也在其中使用 Jquery。但是，当发生任何部分回发时（未调用 document.ready()），jquery 就会停止运行。

示例代码：

 <script type="text/javascript">
    $(document).ready(function () {
        $("SELECT").selectBox();

}

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
 <asp:Dropdownlist id="ddlproduct" runat="server"      onselectedindexchange="function"></asp:Dropdownlist>

任何建议

提前致谢

Answer 1

由于您使用的是 ScriptManager 和 UpdatePanel，请使用 ASP.NET AJAX pageLoad() 函数。它在 Init 上和 EndRequest 之后运行，因此当您加载页面以及来自 UpdatePanel 的每次更新时它都会工作。

出于性能考虑，您可能需要检查下拉列表是否已转换为风格化下拉列表。

<script type="text/javascript">
  function pageLoad() { 
    $("select").selectBox();
  }
</script>