4

application.js で div をドラッグできるようにする Java スクリプト関数があります。

  $(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 には、別のページに移動できる表示オプションもあり、他のページには、インデックス ページに戻ることができる戻るボタンがあります。

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

しかし、そのページに戻ると、div をドラッグできなくなりました。ページを更新すると、div をもう一度ドラッグできます。

私が認識していないのはパイプラインの問題ですか?

4

3 に答える 3

2

これの代わりに：

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

これを試して：

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

こちらのリファレンスに従ってください: RailsCasts Turbolinks

于 2014-12-09T14:15:52.230 に答える