Ruby on Rails4でjQueryを利用したい

Question

こちらのサイトを参考にテーブルの行をクリックすると指定のURLに飛ぶようにしたいのですが、Ruby on Railsで実現出来ずこまっております。

①サイトのjavascriptの内容をコピー。

ファイル名をtable_click.jsと名付け app/assets/javascriptsの下に配置

jQuery( function($) {
    $('tbody tr[data-href]').addClass('clickable').click( function() {
        window.location = $(this).attr('data-href');
    }).find('a').hover( function() {
        $(this).parents('tr').unbind('click');
    }, function() {
        $(this).parents('tr').click( function() {
            window.location = $(this).attr('data-href');
        });
    });
});

②Viewの<table> の <tr> にリンク先を指定

<table>
    <tbody>
        <tr data-href="http://www.webantena.net/">
            <th>項目1</th>
            <th>項目2</th>
            <th>項目3</th>
            <th>項目4</th>
        </tr>
    </tbody>
</table>

そっくりそのままサイトをコピーしただけなのですが、javascriptが動きません。
ちなみにgemでjquery-turbolinksをインストールしましたが効果ありませんでした。

Ruby on Rails4でこのようなjQueryを使用するために必要な設定があるのかもしれませんが、初心者のため教えていただければありがたいです。

よろしくお願いいたします。

Answer 1

jQuery本体のインストールか参照が足りないのではないでしょうか？
ブラウザのコンソールなどにエラーが出ていないでしょうか？

Comments

[退会済みユーザー]

gem 'jquery-turbolinks'　
gem 'jquery-rails', '3.0.4'
上記の２つをGemfileに記入しgem installを行い、その後
rails generate jquery:install
をしたところ動きました。

おっしゃる通りjQuery本体のインストールが足りていなかったようです。

ありがとうございました。

[退会済みユーザー]

追記です。肝心なこちらを記入するのを忘れていました。
app/assets/javascripts/application.jsに
//= require jquery.turbolinks
を追加しなければ動きませんでした。

したがってapplication.jsに記載する順番は
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require jquery.turbolinks
//= require turbolinks
//= require_tree .
になります。順番を間違えると動きませんでした。読み込む順番があるようです。