编程语言
首页 > 编程语言> > javascript – 选择Jquery脚本不能与Asp.net更新面板一起使用?

javascript – 选择Jquery脚本不能与Asp.net更新面板一起使用?

作者:互联网

我在我的应用程序中使用Chosen Jquery作为下拉列表.不幸的是,当下拉列表位于updatepanel中时,它不起作用.

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

我的代码是:

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

解决方法:

试试ASP.NET AJAX pageLoad()函数,如下所示:

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

标签:jquery,c,javascript,asp-net,jquery-chosen
来源: https://codeday.me/bug/20190528/1170669.html