使用turbolink插件加载javascript

使用turbolink插件加载javascript,javascript,jquery,ruby-on-rails,Javascript,Jquery,Ruby On Rails,我知道有jQuery turbolinks。但无论如何,是否可以将jQuery和JS与turbolink一起使用 使用Turbolinks页面将在不完全重新加载的情况下更改,因此您不能依赖DOMContentLoaded或jQuery.ready()来触发代码。相反,TurboLink在文档上触发事件,以提供页面生命周期的挂钩 我有这段代码,但在导航到其他url时没有加载 $(function() { return $('.status').hover(function(event) {

我知道有
jQuery turbolinks
。但无论如何,是否可以将jQuery和JS与turbolink一起使用

使用
Turbolinks
页面将在不完全重新加载的情况下更改,因此您不能依赖
DOMContentLoaded
jQuery.ready()
来触发代码。相反,TurboLink在文档上触发事件,以提供页面生命周期的挂钩

我有这段代码,但在
导航到其他url时没有加载

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

试试看;)

试试看;)

试试看;)


您可以执行以下操作在两个页面上运行javascript:load和ready

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

您可以执行以下操作在两个页面上运行javascript:load和ready

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

您可以执行以下操作在两个页面上运行javascript:load和ready

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

您可以执行以下操作在两个页面上运行javascript:load和ready

$(document).on('page:load ready', function() {
    ...
});
此文档显示了如何:

此文档显示了如何:

此文档显示了如何:

此文档显示了如何:



您是否在询问是否有一种方法可以仅对
TurboLink
使用该功能??因为在
application.js
文件中包含
jquery.turbolinks
之后,它应该可以同时使用
turbolinks
jquery turbolinks
。@Justin:如果我们不使用jquery turbolinks?。检查我的答案,它应该可以工作。你是在问是否有办法只使用
turbolinks
??因为在
application.js
文件中包含
jquery.turbolinks
之后,它应该可以同时使用
turbolinks
jquery turbolinks
。@Justin:如果我们不使用jquery turbolinks?。检查我的答案,它应该可以工作。你是在问是否有办法只使用
turbolinks
??因为在
application.js
文件中包含
jquery.turbolinks
之后,它应该可以同时使用
turbolinks
jquery turbolinks
。@Justin:如果我们不使用jquery turbolinks?。检查我的答案,它应该可以工作。你是在问是否有办法只使用
turbolinks
??因为在
application.js
文件中包含
jquery.turbolinks
之后,它应该可以同时使用
turbolinks
jquery turbolinks
。@Justin:如果我们不使用jquery turbolinks?。请检查我的答案,它应该可以工作这是什么页面:加载?这是jQuery还是TurboLink?这是什么页面:加载?这是jQuery还是TurboLink?这是什么页面:加载?这是jQuery还是TurboLink?这是什么页面:加载?这是jQuery还是TurboLink?这是什么页面:加载?它是jQuery还是turbolinks?它是turbolinks提供的浏览器事件,当您导航到其他页面时触发。此页面是什么:加载?它是jQuery还是turbolinks?它是turbolinks提供的浏览器事件,当您导航到其他页面时触发。此页面是什么:加载?它是jQuery还是turbolinks?它是turbolinks提供的浏览器事件,当您导航到其他页面时触发。此页面是什么:加载?它是jQuery还是turbolinks?它是turbolinks提供的浏览器事件,当您导航到其他页面时触发。