带有咖啡脚本的 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

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

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

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

首先，使用document.addEventListener "page:load", -> 而不是$ ->。

或者第二个，从 Gemfile 中删除 turbolinks gem 并从 application.js 中删除其 require。