jQuery 选择了不显示 css

Question

我正在使用此插件 https://harvesthq.github.io/chosen/ 将普通下拉字段变成可搜索列表。但是，jquery 所选字段显示不正确，加载时没有 css。

我将 css 放在 public/assets/css/ 中，将 js 放在 public/assets/js 中 - 我将 png 精灵放在 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>

Answer 1

<link rel="stylesheet" href="{{ URL::asset('assets/css/chosen.min.css') }}">

加载 CSS 时需要使用 href 属性

jQuery 选择了不显示 css

jQuery Chosen displaying without its css

html

css

jquery

laravel

jquery-chosen