【发布时间】：2015-12-22 10:16:42
【问题描述】：
我正在使用这个插件https://harvesthq.github.io/chosen/ 将一个普通的下拉字段变成一个可搜索的列表。但是，jquery 选择的字段显示不正确，它在没有 css 的情况下加载。
我已将 css 放入 public/assets/css/ 并将 js 放入 public/assets/js - 我已将 png sprites 包含在 css 文件夹中。
这是我的代码
<link rel="stylesheet" src="{{ URL::asset('assets/css/chosen.min.css') }}">
<script src="{{ URL::asset('assets/js/chosen.jquery.min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".chosen-select").chosen();
});
</script>
<p>
{!! Form::label('subreddit', 'Subreddit:') !!}
{!! Form::select('subreddit_id', $subreddits, null, ['class' => 'chosen-select', 'id' => 'subreddit_id']) !!}
</p>
【问题讨论】：
-
是的，我确定 css 正在加载，我检查了 html 源代码，它在那里，链接也有效，如果我点击它，它将加载 css。
-
您是否添加了对
jquery-*.js文件的引用？？不是choesn.jquery.js在添加到 selected.js 的链接之前，您需要添加jquery-*.js任何最新版本的jquery.. 如果您检查，您可能会遇到一些控制台错误.. -
我还有
jquery.min.js和jquery-ui.min.js的链接 -
可以加个jsfiddle吗？
-
无，提交到数据库甚至可以。
标签： jquery html css laravel jquery-chosen