JQuery Draggable이 작동하지 않는 이유를 알아 두십시오.

JQuery를 통해 드래그 가능하게 만들고 결국 정렬 할 수있는 문서 그룹이 있어야합니다. enter image description here 이 상자들은 순수한 CSS로 생성되었으므로 나는 똑같지 만 드래그 할 수 있도록 유지하고 싶습니다. mongoid db를 기반으로하는 노트이므로 아약스를 사용하여 성공적으로 생성하고 파괴 할 수 있습니다. 하지만 나는 어떤 종류의 드래그를해도 운이 좋았습니다. 아래는 관련 코드입니다. googling 나는 적어도 atelast hopelly, 코드에 어떤 문제가 표시되지 않습니다 그래서 아마 내 jquery가 손상 되었습니까? 내 코드는 내가 제대로 드래그 기능으로로드되고 있는지 쿼리 UI를 만들기 위해 취할 수있는 단계에 올 경우 이JQuery Draggable이 작동하지 않는 이유를 알아 두십시오.

//= require jquery 
//= require jquery-ui 
//= require jquery_ujs 
//= require bootstrap 
//= require_tree .

응용 프로그램/뷰/문서를 application.js 도움을 이 ... 감사합니다/

<li> 
    <div id=<%= dom_id(document) %> class="document"> 
    <div class="note"> 
     <h2><%= document.title %></h2> 
     <p></p> 
     <%= link_to content_tag(:i, "", class: "icon-trash"), document, method: :delete, remote: true %> 
    </div> 
    </div> 
    </li>

응용 프로그램/뷰/사용자/index.html.erb

<div class="container"> 
    <div class="content"> 
    <div class="notes"> 
     <ul> 
     <%= link_to documents_path, method: :post, remote: true do %> 
     <li> 
      <div class="note"> 
      <h2> </h2> 
      <p>create</p> 
      </div> 
     </li> 
     <% end %> 
     </li> 
     <div id="documents"> 
     <%= render @documents %> 
     </div> 
    </ul> 
    </div> 
</div> 
</div>

/app/assets/javascripts/document.js을 _document .coffee