2012-03-09 22 views
5

ゴミ箱オブジェクトにドロップすると、ソート可能でドラッグ可能なアイテムに問題があります。
コードはこのjsfiddleにあります。 sortableA 『ボックスアイテムが収まることができるように拡張し、「 』jqueryはソート可能、ゴミ箱オブジェクトにドラッグ可能

  1. ドラッグ「パン」sortableAに

  2. ドラッグ:http://jsfiddle.net/queeg/sRAmW/1/

    それはjsfiddleで問題を再現するのはとても簡単です。 "bread" to "ゴミ箱" ごみ箱はアイテムを受け入れるように展開され、アイテムは消えます。

  3. "sortableA"から "Trash can" 012にドラッグします問題が表示されます。ごみ箱は展開されず、項目はフェードアウトする前に別の場所にジャンプします。

    あなたはドラッグして、ゴミ箱内にドロップした後、それが適切に配置されていないスタイル(左、上)のために有効なHTMLではありませんし、またul内部ul要素を追加しようとしているためである

答えて

4

見てみることができます:

var element = ui.draggable.css('position', ''); 

DEMO

出身の場合#sortableX要素には、このCSSルールが適用されていますが、2つのリストのいずれかから直接送られるわけではありません。

+0

はいこれは問題を非常にうまく解決するようです。私はとても感謝しています。 –

+0

ようこそ。本当に奇妙な行動は、その理由が必要ですが、それでもそれを理解することはできません。 –

+0

私は何か気づいた。アイテムを「sortableA」からごみ箱にドラッグすると、空のスロットが表示されます。ゴミ箱内のアイテムが消えるまで目に見えます。ドラッグされたアイテムをドロップするとすぐに送信側コンテナから切り離す方法はありますか? \t var element = ui.draggable.css( 'position'、 ''); –

1

あたかもゴミ箱に適切にドラッグされていないかのように表示されます。

私はここでそれを固定している可能性のある解決策は、ゴミ箱にドロップする際ドラッグからposition: absoluteを取り除くことであろう

http://jsfiddle.net/ShankarSangoli/sRAmW/3/

+0

ご協力いただきありがとうございます。あなたのjsfiddleでは、アイテムは "sortableA"からゴミ箱にドラッグできません。これは間違った機能です。 –

+0

PERFECT THXこれは私の問題を解決しました:)今はソート可能なオブジェクトを捨てることができます.. –

2

$('#sortable, #sortable2').droppable();を呼び出すのがこのトリックです。 hereを参照してください。

+0

ほとんど。しかし、 "sortableA"から削除するとき、ごみ箱はリストから削除するときのようにわずかに拡張することはできません。 –

関連する問題