Loading javascript with turbolink plugin

Question

I know there is jQuery-turbolinks. But is there anyway to use jQuery and JS with turbolink.

https://github.com/rails/turbolinks

With Turbolinks pages will change without a full reload, so you can't rely on DOMContentLoaded or jQuery.ready() to trigger your code. Instead Turbolinks fires events on document to provide hooks into the lifecycle of the page.

I had this piece of code, but this did not load on navigating to other url.

$(function() { return $('.status').hover(function(event) { return $(this).toggleClass("hover"); }); }); 

Answer 1

You can do the following to run your javascript on both page:load and ready.

$(document).on('page:load ready', function() { ... }); 

Answer 2

Try it out ;)

var ready; ready = function() { $(function() { return $('.status').hover(function(event) { return $(this).toggleClass("hover"); }); }); }; $(document).ready(ready); $(document).on('page:load', ready); 

Answer 3

This doc showing how to: https://github.com/turbolinks/turbolinks

document.addEventListener("turbolinks:load", function() { // ... Your code here! })