javascript - 带有咖啡脚本的 Rails 4，不需要的 jquery 可排序分离

Question

我在带有 jquery-ui-rails gem 的 rails 4 上使用 ruby​​。并且一些列表具有可排序的 jquery 功能。

$ ->  
  $('#projects').sortable
        handle: '.handle'
        opacity: 0.4
        update: ->
            $.post($(this).data('update-url'), $(this).sortable('serialize'))

这是我的代码，不应用制表符缩进。

问题：

列表实际上在第一个连接项目页面上工作，我将列表连接到显示页面，然后单击返回链接。无法排序

发生什么事？

Answer 1

似乎您启用了涡轮链接。在这里阅读它们：github/rails/turbolinks。

问题是当您通过单击更改页面时，turbolinks 仅通过 ajax 加载新页面并更新当前页面。无需重新加载任何 css 和 js。所以$ ->在第一次加载后将无法工作。

这个问题有两种解决方案：

首先，使用document.addEventListener "page:load", ->代替$ ->.

或者第二，Gemfile从.requireapplication.js