css - jquery 选择的选择字段显示错误

Question

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

<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})
});

而且我的选择字段看起来与 jquery-chosen 站点示例中的字段不同:

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

Answer 1

看起来您正在将 css 文件作为脚本引用，它需要是一个 css 链接:

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

或

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

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

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