![](/img/trans.png)
[英]ASP.NET How do I get this jQuery to work persistently across page loads / post backs?
[英]How do I get the jquery script "chosen" to work in asp.net
我有这个代码:
<script type="text/javascript" src="../Scripts/chosen.min.js" ></script>
[...]
<asp:ListBox class="chosen-select" ID="lbCategory" runat="server" AutoPostBack="true" DataSourceID="SqlDataSourceDropDownListCategory"
SelectionMode="Multiple" Width="200px" DataTextField="Name" DataValueField="IdCategory"></asp:ListBox>
<script>
$(".chosen-select").chosen();
</script>
我在我写的路径中有js,脚本不起作用,我试图搜索,但我发现的一切都没有解决它,请有人帮忙。
我认为的问题。
chosen.min.js
。 有chosen.jquery.min.js
和其他一些。AutoPostBack="true"
将不起作用,因为该插件重新设计了原来的控制女巫现在是隐藏的。 此外,您使用SelectionMode="Multiple"
,因此如果自动回发在每次点击时都有效,那么您将获得回发,这不是 web 的最佳体验。jQuery library
。CssClass
而不是class
。 两者都有效,但对于 asp.net 控件, CssClass
是避免错误的正确方法。 如何找到错误。 通过右键单击页面打开浏览器调试工具,在打开菜单 select Inspect
,然后打开Console
,看看你有什么错误并从那里获取。
我创建了一个最小的示例并对其进行测试并可以正常工作。
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script type="text/javascript" src="/js/jQuery/Chosen/chosen.jquery.js " ></script>
<link rel="stylesheet" href="/js/jQuery/Chosen/chosen.css" />
<asp:ListBox ID="lstCategoryType" runat="server" CssClass="chosen-select" SelectionMode="Multiple" Width="200px">
<asp:ListItem Text="Option 1" Value="1"></asp:ListItem>
<asp:ListItem Text="Option 2" Value="2"></asp:ListItem>
<asp:ListItem Text="Option 3" Value="3"></asp:ListItem>
<asp:ListItem Text="Option 4" Value="4"></asp:ListItem>
</asp:ListBox>
<script>
jQuery(document).ready(function(){
jQuery(".chosen-select").chosen();
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.