Question

我知道有jQuery-turbolinks。但无论如何都要使用jQuery和JS与turbolink。

Turbolinks页面会在没有完全重新加载的情况下发生变化，因此您无法依靠DOMContentLoaded或jQuery.ready()来触发您的代码。相反，Turbolinks会在文档上触发事件，以便为页面的生命周期提供挂钩。

我有这段代码，但是没有将navigating加载到其他网址。

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

Answer 1

您可以执行以下操作在两个页面上运行您的javascript：加载并准备就绪。

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

Answer 2

尝试一下;）

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

Answer 3

此文档说明如何：https://github.com/turbolinks/turbolinks

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

使用turbolink插件加载javascript

3 个答案: