使用turbolink插件加載javascript

Question

我知道有jQuery-turbolinks。但是，無論如何，使用jQuery和JS與turbolink。

https://github.com/rails/turbolinks

隨着Turbolinks頁面會更改，恕不全部重新加載，所以你不能依靠DOMContentLoaded或jQuery.ready()觸發你的代碼。相反，Turbolinks會在文檔上觸發事件以提供頁面生命週期的掛鉤。

我有這段代碼，但這並沒有加載到其他網址的navigating。

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

Answer 1

試試吧;）

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

Answer 2

您可以執行以下操作來運行你的兩個頁面的JavaScript：加載和準備。

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

Answer 3

這個文檔展示瞭如何：https://github.com/turbolinks/turbolinks

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