选择的 Jquery 脚本不能与 Asp.net 更新面板一起使用？答案

【问题标题】：Chosen Jquery script is not working with Asp.net update Panel?选择的 Jquery 脚本不能与 Asp.net 更新面板一起使用？
【发布时间】：2015-07-12 06:25:09
【问题描述】：

我在我的应用程序中使用Chosen Jquery 作为下拉列表。不幸的是，当下拉列表在更新面板中时它不起作用。

我知道脚本之间存在一些冲突。但无法追查。任何帮助表示赞赏。

我的代码是：

<script src="/js/jquery-1.11.2.js" type="text/javascript"></script> 
<link href="../css/chosen.css"  rel="stylesheet" />
<script src="../js/chosen.jquery.js" type="text/javascript"></script>

<asp:UpdatePanel ID="upMain" runat="server">
    <ContentTemplate>
        <asp:DropDownList ID="DropDownList1" 
                          CssClass="form-control chosen" 
                          multiple runat="server">
            <asp:ListItem Text="Select Course" Value="0" 
                          CssClass="form-control" runat="server"/>
            <asp:ListItem Text="core java" Value="1" 
                          CssClass="form-control" runat="server" />                  
            <asp:ListItem Text="C" Value="2" 
                          CssClass="form-control" runat="server" /> 
            <asp:ListItem Text="C++" Value="3" 
                          CssClass="form-control" runat="server" />  
            <asp:ListItem Text="C#" Value="4" 
                          CssClass="form-control" runat="server" />
        </asp:DropDownList>
   </ContentTemplate>
</asp:UpdatePanel>

<script>
    jQuery(document).ready(function mchoose() { 
        jQuery(".chosen").data("placeholder", "Select Frameworks...").chosen();
    });
</script>

【问题讨论】：

控制台中是否有任何错误？
您是否尝试过将您的 Javascript 代码放入 pageLoad 函数中？关于 pageLoad 函数和 UpdatePanel 的更多信息可以在这里找到：encosia.com/document-ready-and-pageload-are-not-the-same
不.. 控制台上没有错误。 @giannisf。

标签： javascript c# jquery asp.net jquery-chosen

【解决方案1】：

试试 ASP.NET AJAX pageLoad() 函数，像这样：

<script> 
    function pageLoad() { 
        jQuery(".chosen").data("placeholder", "Select Frameworks...").chosen(); 
    } 
</script>

【讨论】：

+1 是的，我也发现了同样的事情。但是将脚本放入 $(document).ready() 的 pageLoad 中是个好主意。因为 pageLoad 有助于部分回发管理。

【解决方案2】：

这会在部分回发时重新加载所需的js。像这样使用外部文档准备功能

<script type="text/javascript">
  function pageLoad() {
    $("#DropDownListDrugTypeID").chosen({ disable_search_threshold: 5, search_contains: true });
  } 
</script>

【讨论】：