0

サイトにドロップ可能なプラグインを使用しようとしています。ul リストに項目があるフッター ドックがあり、項目をフッター ドックからドック以外の任意の場所にドラッグして項目を削除できるようにしようとしています。しかし、私が何を試しても、期待どおりには機能しません。どこにでもドロップでき、削除されます。

ここに私のサンプルコードがあります:

HTML

<html>
<body>
...
<div id="page">
...
<div id="dock">
     <ul>
          <li class="item">item 1</li>
          <li class="item">item 2</li>
     </ul>
</div>
...
</div>
...
</body>
</html>

JS

$("body").droppable({
     accept: ".item",
     drop: function(event, ui) {
          removeItem();
     }
});

$(".item").draggable({
     helper: "clone"
});

したがって、上記のコードは私が期待していたことをしません。ドックにいるときでもアイテムを削除できます。そのため、アイテムを数ピクセルドラッグして放すと、アイテムが削除されます。私が欲しいのは、ドック領域を除いてどこにでもドロップできるようにすることです。

どんな助けでも感謝します。

4

1 に答える 1

0

オプションでドックをドラッグ可能にしgreedy: true、ドロップしたときに項目を元に戻してみてください: http://jsfiddle.net/SKDDZ/

于 2012-09-14T16:36:51.357 に答える