javascript在rails 4中的link_to之后停止工作

Question

我有一个java脚本函数，允许我在我的application.js中拖动div

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

在我的索引文件中，我有一堆带有可拖动类的div，

    <head>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    </head>

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

此外，每个div还有一个show选项，允许我转到另一个页面，其他页面有一个后退按钮，允许我返回到我的索引页面。

<%= link_to 'Back', tasks_url, :class => 'text' %>

但是当我回到那个页面时，我再也无法拖动div了。 如果我刷新页面，我可以再拖动div。

这是一个我不知道的管道问题吗？

Answer 1

正如Billy所说，听起来像Turbolinks，这是Rails 4中的新功能。查看关于如何使用 Turbolinks或关闭它的答案！

Answer 2

而不是这个：

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

试试这个：

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

请按照此处的参考： RailsCasts Turbolinks

Answer 3

听起来像application.js正在被缓存，因此在返回后不再执行。 尝试将js初始化为可拖动到页面本身，这应该仍然执行。

javascript在rails 4中的link_to之后停止工作

问题描述

3 个解决方案

解决方案1
4 已采纳 2013-10-06 03:00:50

解决方案2
2 2014-12-09 14:15:52

解决方案3
0 2013-10-06 01:32:12

javascript在rails 4中的link_to之后停止工作

问题描述

3 个解决方案

解决方案1 4 已采纳 2013-10-06 03:00:50

解决方案2 2 2014-12-09 14:15:52

解决方案3 0 2013-10-06 01:32:12

解决方案1
4 已采纳 2013-10-06 03:00:50

解决方案2
2 2014-12-09 14:15:52

解决方案3
0 2013-10-06 01:32:12