Cliccando su "indietro" nel browser si disabilita il mio codice javascript se sto usando Turbolinks in Rails

Question

Bene, come dice il titolo più o meno. Sto usando la gemma Turbolinks nella mia applicazione Rails e sto avendo un po 'di problemi con il pulsante "browser indietro". I miei javascript funzionano fino a quando non faccio clic sul mio browser, quindi smette di funzionare. Se faccio clic su un collegamento nella mia app o ricarico la pagina, riprende a funzionare.

Ant idee come risolvere questo?

Answer 1

Due soluzioni per Turbolinks Classic:

impostare la cache a 0 in modo che non vengono memorizzati nella cache le pagine utilizzando HTML5 Storia.

Turbolinks.pagesCached(0); 

Un'altra soluzione è ascoltare l'evento "pagina: ripristina" e chiamare il metodo di inizializzazione. Quest'ultima soluzione è più performante.

document.addEventListener("page:restore", function() { 
    app.init(); 
}); 

Answer 2

Il jquery-turbolinks gemma non supporta Turbolinks 5 più, in modo che la soluzione è deprecato in questo momento.

Se desideri disabilitare la memorizzazione nella cache dei turbolinks, aggiungi questa meta alla tua pagina;

<meta name="turbolinks-cache-control" content="no-cache"> 

Answer 3

È possibile trovare la risposta nel prossimo turbolinks issue discussion. Per me, la prossima soluzione ha funzionato - elemento inizializzato da JS (nel mio caso discesa scelto) con successiva eliminazione:

document.addEventListener("turbolinks:before-cache", function() { 
    $('.chosen-select').chosen('destroy'); 
})