0

JQueryを介してドラッグ可能にし、最終的にソート可能にしたいドキュメントのグループがあります。 ここに画像の説明を入力 これらのボックスは、生成された純粋な CSS であり、前述のように、同じままでドラッグ可能にしたいと考えています。現在、これらのメモはモンゴイドデータベースに基づいているため、もちろん、ajax を使用して正常に作成および破棄できます。しかし、私はまだ、あらゆる種類のドラッグを機能させることができませんでした。以下は関連するコードです。グーグル 少なくともうまくいけば、コードに問題は見られないので、私のjqueryが壊れているのでしょうか? 私のコードが正しい場合、query-uiがドラッグ可能な関数で適切にロードされていることを確認するためにどのような手順を実行できますか... application.jsを助けてくれてありがとう

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

アプリ/ビュー/ドキュメント/_ドキュメント

<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 に答える