Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/wix/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 星型不显示jquery条评级_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 星型不显示jquery条评级

Javascript 星型不显示jquery条评级,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的代码 <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">

我的代码

<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和Jquery.barrating.min.js已经包括在内,fontsawesome-stars.css也已经包括在顶部,没有错误。代码有问题吗?为什么星星没有出现


我是否只需要这两个文件jquery.barrating.min.js和fontawesome-stars.css就可以让这个插件工作?

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

我是否只需要这两个文件jquery.barrating.min.js和fontawesome-stars.css就可以让这个插件工作

是的,除了它,您还需要有
font-awesome.css
jquery.js
。另外,最后,不要忘记在
文档
准备就绪后使用
$(函数(){})
执行代码

为我工作:

$(函数(){
$(“#示例”)。拦河坝({
主题:“超级明星”
});
});

1.
2.
3.
4.
5.

能否确保所有脚本都正确加载到浏览器中?您可以使用开发人员工具。我缺少$(function(){@TomKur,我将把这一行添加到我的答案中。
$('#example').barrating({
        theme: 'fontawesome-stars'
 });