Turbolinks和jQuery兼容性Rails 5

Question

我有一个隐藏的字段，当点击链接使用jQuery时被激活。当点击链接时，该字段只显示一秒钟，然后消失。

$('.use-different-card').on "click", -> 
    $(".card-on-file").hide() 
    $(".card-fields").removeClass("hidden") 

当我删除turbolinks，jQuery似乎工作得很好。

我试过添加compatibility.coffee但我没有运气。

这是我的源代码树。

//= require jquery 
//= require jquery_ujs 
//= require jquery.turbolinks 
//= require turbolinks 
//= require compatibility 
//= require_tree . 

什么建议接下来要做什么？

Answer 1

你遇到的问题是你的jquery没有重新加载页面“更改”。相反的的document.ready（）的包装功能，使用以下命令：

$(document).on('turbolinks:load', function() { 
    $('.use-different-card').on "click", -> 
    $(".card-on-file").hide() 
    $(".card-fields").removeClass("hidden") 
}) 

更新：此外，正在要求您jquery.turbolinks Jquery.ujs后！更改您的需求订单。按照创业板文档为jquery.turbolinks您需要application.css文件，如：

//= require jquery 
//= require jquery.turbolinks /*Notice this must be before jquery_ujs */ 
//= require jquery_ujs 

一旦这个命令纠正，你可能不需要再使用turbolinks:load通话。