jquery选择select字段显示错误

Question

我正在尝试在简单的 select 代码上使用 jquery-选择的插件

<select class="chosen-select">
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
</select>

在js文件中开启

$(document).ready(function() {
    $(".chosen-select").chosen({no_results_text: "Oops, nothing found!", allow_single_deselect: true})
});

我的 select 字段看起来与 jquery 上的字段不同 - 选择的站点示例：

我做错了什么？没有向该字段添加任何 css？

Answer 1

您似乎将 css 文件作为脚本引用，它必须是 css link:

<link rel="stylesheet" href="[path to file]chosen.css" />

或

<link rel="stylesheet" href="[path to file]chosen.min.css" />

指向 css 或 min.css 文件所在的位置。根据您的评论，它可能是

<link rel="stylesheet" href="/static/chosen.css" />

jquery chosen select field is displayed wrong