0

有一组文档,我想通过 JQuery 使其可拖动,并最终可排序。 在此处输入图像描述 这些框是纯 CSS 生成的,就像我说的那样,我想让它们保持相同但可拖动。因为现在是那些基于 mongoid db 的笔记,我当然可以使用 ajax 成功创建和销毁。但我还没有运气让任何类型的拖动工作。下面是相关代码。谷歌搜索我,至少希望,没有看到任何代码问题,所以也许我的 jquery 已损坏?如果我的代码是正确的,我可以采取哪些步骤来确保 query-ui 正确加载了可拖动功能...谢谢您对 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();
4

1 回答 1

2

发现了问题,我有“JQuery ->”而不是“jQuery ->” -</p>

于 2012-05-24T15:20:44.253 回答