はスター

Question

jqueryのバーの評価を表示していない私のコード

<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の2つのファイルのみが必要ですか？

Answer 1

スクリプトとCSSを次の順序でロードしてください。これは動作させるために必要な最小限のファイルです。

このプラグインが動作するには、jquery.barrating.min.jsとfontawesome-stars.cssの2つのファイルが必要ですか？

はい、それに加えて、font-awesome.cssとjquery.jsが必要です。最後に、documentがreadyの後に$(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>