[英]Chosen Jquery script is not working with Asp.net update Panel?
I'm using Chosen Jquery within my application for a dropdownlist. 我在我的应用程序中使用Chosen Jquery下拉列表。 Unfortunately it doesn't work when the dropdownlist is in updatepanel.
不幸的是,当下拉列表位于updatepanel中时,它不起作用。
I know there is some conflicts between the scripts. 我知道脚本之间存在一些冲突。 But Unable to trace it out.
但无法追查它。 Any help is appreciated.
任何帮助表示赞赏。
My Code is : 我的代码是:
<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>
Try the ASP.NET AJAX pageLoad()
function, like this: 试试ASP.NET AJAX
pageLoad()
函数,如下所示:
<script>
function pageLoad() {
jQuery(".chosen").data("placeholder", "Select Frameworks...").chosen();
}
</script>
This reloads the required js
on partial post back. 这会在部分回发时重新加载所需的
js
。 Use outside document ready function like this 像这样使用外部文档就绪功能
<script type="text/javascript">
function pageLoad() {
$("#DropDownListDrugTypeID").chosen({ disable_search_threshold: 5, search_contains: true });
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.