如何在Rails 5中正确编写jQuery代码（使用turbolinks 5）

问题描述：

我在我的Rails 5应用程序中编写jQuery代码，它看起来像代码不编译。这是我的代码：如何在Rails 5中正确编写jQuery代码（使用turbolinks 5）

application.html.erb

<%= content_for?(:head) ? yield(:head) : '' %> 
    <%= javascript_include_tag "application" %> 
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 
    <%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %>

的application.js

//= require code.js 
//= require jquery 
//= require fancybox 
//= require jquery_ujs 
//= require jquery.turbolinks 
//= require turbolinks 
//= require bootstrap-sprockets 
//= require bootstrap 
//= require_tree . 
$.turbo.use('turbolinks:load', 'turbolinks:request-start') 

function printpage() 
{ 
    window.print() 
} 

var resetForms = function() { 
    // this depends on your use 
    // this is for foundation 6's abide 
    $('form').each(function() { 
    $(this).foundation('destroy'); 
    }); 
}; 

document.addEventListener("turbolinks:before-cache", function() { 
    resetForms(); 
});

当我尝试在code.js它只是不工作使用$(document).ready(function(){});，但是当我尝试这样的：

document.addEventListener("turbolinks:load", function() { 
alert("ok!") 
});

它没有问题。我不明白为什么代码与其他版本的Rails一起工作，这次不起作用。此外，我可以说，我的应用程序版本号5

答

$(document).ready(function() { 
    resetForms(); 
});

这不会起作用，因为Turbolinks覆盖正常的页面加载过程中使用turbolinks，这依赖于事件不会被解雇。如果你的代码看起来像这样，你必须改变你的代码要做到这一点，而不是：

$(document).on('turbolinks:load', function() { 
    resetForms(); 
});

如果它的轨道的另一个版本的工作，它可能使用turbolinks的旧版本。

http://guides.rubyonrails.org/working_with_javascript_in_rails.html#turbolinks [1]

如何在Rails 5中正确编写jQuery代码（使用turbolinks 5）

相关推荐