LoginSignup
20

More than 5 years have passed since last update.

posted at

Railsで星型レビューRatyを使う

Raty導入

公式ページからダウンロードする。
http://wbotelhos.com/raty

/lib/jquery.raty.min.jsをassets/javascriptのフォルダに入れる。
/lib/imgの中身を全てassets/imagesのフォルダに入れる。

Viewへ記述

表示させたい場所に次のタグを組み込む。

sample.rb
<div id="star"></div>

タグを入れたViewが読み込むjavascriptに次の記述を行う。

sample.rb
<script>
$('#star').raty({
  size     : 36,
  starOff: '/assets/star-off.png',
  starOn : '/assets/star-on.png',
  scoreName: 'review[point]' 
});
</script>

sizeは★のサイズ。
scoreNameはパラメーター名(1,2,3,4,5で設定)。
starOffとstarOnはそれぞれファイル名。
imagesのフォルダに入れたファイルを指定する。

これで画面に星形レビューが表示される。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
20