javascript - 星标不显示 jquery 栏评级

Question

我的代码

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
<link rel="stylesheet" href="../../assets/jquery-bar-rating121/dist/themes/fontawesome-stars.css">

<select id="example">
     <option value="1">1</option>
     <option value="2">2</option>
     <option value="3">3</option>
     <option value="4">4</option>
     <option value="5">5</option>
</select>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js">   </script>
<script src="../../assets/jquery-bar-rating121/dist/jquery.barrating.min.js"></script>

jquery :

$('#example').barrating({
        theme: 'fontawesome-stars'
 });

星星没有显示，它只显示选项选择下拉菜单。 jquery 和 jquery.barrating.min.js 已经包含，fontawesome-stars.css 也已经包含在顶部，没有错误。代码有什么问题吗？为什么星星不显示？

我是否只需要这 2 个文件 jquery.barrating.min.js 和 fontawesome-stars.css 才能让这个插件工作？

Answer 1

确保按以下顺序加载脚本和 CSS。这是使其工作所需的最低限度文件。

Do I only need these 2 files jquery.barrating.min.js and fontawesome-stars.css for this plugin to work?

是的，除此之外，您还需要 font-awesome.css 和 jquery.js。另外，最后，不要忘记在文档 准备好 后使用$(function () { }) 来执行代码。

对我有用:

$(function() {
  $('#example').barrating({
    theme: 'fontawesome-stars'
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
<script src="http://antenna.io/demo/jquery-bar-rating/jquery.barrating.js"></script>
<link href="http://antenna.io/demo/jquery-bar-rating/dist/themes/fontawesome-stars.css" rel="stylesheet"/>

<select id="example">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>