jQuery 选择在没有其 css 的情况下显示

Posted 2023-03-14

【中文标题】jQuery 选择在没有其 css 的情况下显示

【英文标题】：jQuery Chosen displaying without its css

【发布时间】：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吗？

无，提交到数据库甚至可以。

【参考方案1】：

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

加载 CSS 时需要使用 href 属性

【讨论】：

什么了不起... +1。 :)

我现在要去拍自己的脚了。非常感谢，解决了。

总是发生 :)