铁轨上的涡轮链接和jQuery兼容性5

Question

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

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

当我删除涡轮链接时，jQuery似乎正常工作。

我尝试添加兼容性。咖啡，但我没有运气。

这是我的源树。

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

关于接下来要做什么的建议？

Answer 1

您遇到的问题是您的jQuery在"更改"页面上没有重新加载。而不是将函数包装在文档中。dready((，而是使用以下内容：

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

update ：另外，在jquery.ujs之后，您的jQuery.turbolinks需要！更改您的需求订单。根据jQuery.turbolinks的宝石文档，您需要您的application.css文件如下：

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

纠正了此订单后，您可能不需要再使用turbolinks:load调用了。