请注意为什么JQuery Draggable无法正常工作

Question

有一组我想通过JQuery进行拖拽的文档，最终可以排序。 那些盒子是纯CSS生成的，就像我说的那样，我想让它们保持相同但可拖动。因为现在这些笔记基于一个mongoid db，我当然可以使用ajax成功创建和销毁。但我还是有运气让任何类型的拖拽工作。以下是相关代码。 谷歌搜索我，至少希望，没有看到代码的任何问题，所以也许我的jquery是腐败的？ 如果我的代码是正确的，我可以采取哪些步骤来确保query-ui正确加载了draggable函数... 谢谢你的帮助 的application.js

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

应用程序/视图/文档/ _document

<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.coffee

JQuery ->
    $( ".note" ).draggable();

Answer 1

发现问题，我有“JQuery - ＆gt;”不是“jQuery - ＆gt;” -