jquery 3 document ready 阻止 turbolinks 执行

Question

到目前为止，我使用的是 jQuery 1.12.4，一切正常，我有这样的东西：

$(document).ready ->

    console.log "document is ready yaay!"

    start = ->

        alert "Hello world!!!"

    document.addEventListener('turbolinks:load', start)

我昨天升级到 Rails 5.1 并决定添加和升级我的 jQuery（是的，我仍然需要它）所以我使用 yarn 安装了 jQuery 3，但是上面相同的代码没有被执行，至少 turbolinks 部分（console.log 每次文档加载时都会执行，但“start”方法不会）

我删除了$(document).ready ->，代码开始按预期工作！！！

为了确保我还删除了 jQuery 3 并重新安装了 jQuery 1.12 并且它工作正常！即使$(document).ready ->

为什么会这样？

Answer 1

确保将//= require jquery 添加到application.js 文件中。

在命令行中，运行yarn install jquery全部小写

这是我的 application.js 文件，来自我的一个项目，通过 yarn 使用 jquery。

//= require rails-ujs
//= require turbolinks
//= require jquery
//= require_tree .

编辑： 如果您希望在每次页面更改时触发 console.log 和 alert。你可以这样写你的javascript。

$(document).on('turbolinks:load', function() {
  console.log('Test');
  alert("Hello world!!!");
});