自分用めもめも。
javascriptプラグインはどこにおくの?
1.ファイル自体の置き場所
app/assets
・・・独自のファイル
lib/assets
・・・アプリケーション外で共通のもの
vendor/assets
・・・ プラグインとか ←ココ!
vendor
|
|----/assets
|
|---- /javascripts
|
|---- /tablesorter ←こんなかんじ??
2.ファイルの読み込みの設定
application.js
//= require_tree ../../../vendor/assets/javascripts/.
//= require_directory .
上の1文を追加。
もちろん、require_directory
とかrequire_tree
の前に呼んでおかないと、プラグインの適用ができない(><)
cssも同じ!
application.css
*= require_tree ../../../vendor/assets/stylesheets/.
tablesorterを使ってみよう!
まずは__jquery.tablesorterをダウンロードしてそこからjsファイルとthemaディレクトリのblue/greenを取ってくる。
1 $(function(){
2 $(document).ready(function()
3 {
4 $("table#analysis").tablesorter();
5 }
6 );
7 })
<table id="analysis" class="tablesorter">
この2つは必須。
あとはcssのstyle.cssでうまく表示を変更してあげて下さい。