ruby-on-rails - page:load 不起作用-rails 4 上的 jquery 和 turbolinks

Question

这是我的帖子javascript 在 rails 4 中的 link_to 后停止工作的后续问题

我找到了这个解决方案让 jQuery 与 Turbolinks 一起工作，以及我在上一个问题中建议的那个

我将以下代码添加到我的 application.js

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


$(document).on('page:load', function() {
    $( ".draggable" ).draggable();
  });

现在可拖动在我的页面上根本不起作用

<div class="draggable">    
  <p><strong>Title:</strong>
  <%= task.title %></p>
  <p> <%= link_to 'Show', task, :class => 'text' %>
</div>

Answer 1

如果您单击链接并通过 Turbolinks 更新页面，则 Draggable 应该仍然有效，但它在初始加载时不起作用，因为您没有设置它。

要使其工作，您需要在文档就绪和page:load.

$(document).on('page:load', function(){
  $(".draggable").draggable();
});

$(document).ready(function(){
  $(".draggable").draggable();
});