Rails Jqueryが他のページで動作しない

Question

jQueryはインストールしたばかりのページ以外のページでは動作しないと思います。たとえば、localhost：3000 /と入力すると、 '/'ディレクトリにすべてのjQueryが動作します。しかし、Railsで作成されたリンクをクリックすると、

<%= link_to "Example Link", news_path %> 

ページが正しく読み込まれますが、jQueryは機能しません。述べたように私のjQueryのコードは次のとおりです。

$(function() { 
    console.log("pageloaded"); 
    .... 
    $('.up').click(function(){ 
    ..... 
    }); 
}); 

Answer 1

In Rails 4 turbolinksがデフォルトで有効です。
つまり、新しいページを読み込むと、$(document).ready()は実行されません。

turbolinkは、新しいイベントpage:loadを発生させます。したがって、解決策は、負荷：優秀rails cast on turbolinks

Answer 2

それが終わっています一度あなたがあなたのGemfileでgem 'jquery-rails'（あなたがバンドラを使用しているならば、インストールバンドル）

を必要とする、あなたのapplication.jsファイルでそれを必要とする必要があります。

//= require jquery 

最後に、application.jsファイルがアプリケーションテンプレートの一部としてロードされていることを確認する必要があります。 application.html.erbでは、以下が必要です。

<%= javascript_include_tag "application" %> 

私は、これはあなたがあなたはそれが仕事を得るためにそれらを再度追加する必要がありますこれらの設定を削除した場合ので、インストールRailsのではデフォルトですべてがあることを信じています。

Answer 3

https://github.com/kossnocorp/jquery.turbolinks

この宝石はjQuery.readyのTurbolinks聞くイベントページで関数をバインドがあり

$(document).on('page:load', your_start_function); 

：あなたは、あなたのjavascriptのコードを実行するためにこれを使用することができますTurbolinks with Rails 4を使用している場合に解決されるはずです。