jQuery选择不起作用答案

【问题标题】：jQuery Chosen not workingjQuery选择不起作用
【发布时间】：2012-07-20 20:31:57
【问题描述】：

我正在尝试使用 jQuery selected() 插件来设计一个选择表单字段，但它不起作用。这是我的 HTML 代码：

<label for='aaaaa'>First option or "Second option":</label>
<select name='aaaaa' class="chosen" id='aaaaa'>
<option>First option</option>
<option>"Second option"</option>
</select><br>

这是我的 .js 代码：

$('.chosen').chosen();

这是我的 JavaScript 导入：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/harvesthq/chosen/master/chosen/chosen.jquery.js"</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.tabs.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.form.js"></script>
<script type="text/javascript" src="../../js/jQuery.layout/jquery.layout.min.js"></script>
<script type="text/javascript" src="../../js/control_panel/controlpanel.js"></script>

这是我的 CSS 导入：

<link rel="stylesheet" type="text/css" media="screen" href="../../css/jQueryui/cupertino/jquery-ui-1.8.5.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../../jquery.jqGrid-3.8.2/css/ui.jqgrid.css" />
<link rel="stylesheet" href="../../css/site.css" type="text/css" />
<link rel="stylesheet" href="https://raw.github.com/harvesthq/chosen/master/chosen/chosen.css" type="text/css" media="Screen" />
<link rel="icon" href="../../images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="../../images/favicon.ico" type="image/x-icon" />

我没有关于它如何在屏幕上显示的图片，但我可以描述一下。共有五行：

第一个选项或“第二个选项”
第一个选项（蓝色和下划线，看起来像一个 html 链接）
（看起来像一个文本输入字段）
第一个选项（纯文本，前面有一个项目符号点，如
元素
“第二个选项”（同样是纯文本，前面有一个项目符号点，如
元素）

在 Mozilla Firefox 中运行。

【问题讨论】：

我能否建议在JS Fiddle、JS Bin 或类似网站上模拟一个基本的 (SSCCE) 演示（以便我们查看发生了什么）？
导入 selected.jquery.js 的
您对 selected() 的 Javascript 调用是否位于确保 DOM 完全加载的某个位置？

标签： jquery jquery-chosen

【解决方案1】：

我认为select中定义的类是错误的。

应该是：chzn-select

所以你的代码应该是：

<select name='aaaaa' class="chzn-select" id='aaaaa'>

【讨论】：

随着 Chosen 1.0 的发布，所有 CSS 类名都从 chzn-root 重命名为 selected-root，因此 selected-select 是正确的。

【解决方案2】：

尝试使用 firebug 控制台查看是否有关于 js 或 css 文件的错误。

【讨论】：

【解决方案3】：

将 Firefox 用户代理更改为 iPhone 的用户代理时，我遇到了类似的问题。在这种情况下，选择不呈现，浏览器将显示默认选择。

【讨论】：

【解决方案4】：

我相信我回复得很晚，但是您选择的脚本标签没有正确关闭，选择的类应该根据您的 jquery 代码

【讨论】：

这个问题很老了。已经有评论说“导入 selected.jquery.js 的