Rails Jquery non funziona su altre pagine

Question

Credo che jQuery non funzioni su altre pagine oltre a quella appena installata. Ad esempio, quando digito localhost: 3000 /, nella directory '/' tutto jQuery funziona. Ma quando clicco su un collegamento creato da Rails come

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

La pagina viene caricata correttamente, ma il jQuery non funziona. I miei codici di jQuery sono come affermato:

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

Answer 1

In Rails 4 turbolinks è attivo per impostazione predefinita.
Ciò significa che lo $(document).ready() non viene eseguito quando si carica una nuova pagina.

turbolink un nuovo evento page:load. È possibile utilizzare questo per eseguire il codice javascript:

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

C'è un eccellente rails cast on turbolinks

Answer 2

È necessario gem 'jquery-rails' nella vostra Gemfile (poi bundle install se si sta utilizzando bundler)

Una volta fatto, è necessario richiedere nel file application.js:

//= require jquery 

//= require jquery 

Infine, è necessario assicurarsi che il file application.js sia caricato come parte del modello di applicazione. In application.html.erb si dovrebbe avere la seguente:

<%= javascript_include_tag "application" %> 

Credo che questo è tutto lì per impostazione predefinita in un Rails installare quindi se avete rimosso qualsiasi di queste impostazioni è necessario aggiungere di nuovo a farlo funzionare .

Answer 3

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

Questo gioiello si lega funzione jQuery.ready con pagina dell'evento ascoltare Turbolinks: carico, quindi la soluzione è supposto per essere risolto se si utilizza Turbolinks con Rails 4