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也已经包含在顶部，没有错误。代码有什么问题吗？为什么星星不显示？

我是否只需要这两个文件jquery.barrating.min.js和fontawesome-stars.css才能使用此插件？

Answer 1

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

我是否只需要这两个文件jquery.barrating.min.js和fontawesome-stars.css才能使用此插件？

是的，除此之外，您还需要font-awesome.css和jquery.js。另外，最后，在$(function () { })为document之后，请勿忘记使用ready执行代码。

适合我：

＆＃13;

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

＆＃13;

<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>

＆＃13;

明星没有显示jquery酒吧评级

1 个答案: