jQuery

【jQuery】軽量のレーティングプラグインjQuery Bar Rating

May 14, 2017
jQuery Bar Rating

jQuery Bar Ratingはセレクトフィールドを使用した軽量のレーティングjQueryプラグイン。

select field

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

CDN

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
<link rel="stylesheet" href="fontawesome-stars.css">

プラグイン呼び出し(jQuery v1.7.2以降)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="jquery.barrating.min.js"></script>
<script type="text/javascript">
   $(function() {
      $('#example').barrating({
        theme: 'fontawesome-stars'
      });
   });
</script>

MIT