問題タブ [jquery-ui-droppable]

並べ替え可能なリストが必要ですが、そのリスト内の要素を、ドロップ可能として定義した div にドロップできるようにしたいです。私はそれを行う方法を見つけることができないようです。何か案は？

私はjqueryUIとjQueryを使用draggableしていますが、すべてのドラッグ可能オブジェクトはjqueryクローンヘルパーを使用し、ドラッグ可能オブジェクトをドロップ可能に追加します。

これが私のコードです

クローンの位置をとで設定して.css('top', ui.absolutePosition.top);いますcss('left', ui.absolutePosition.left);が、位置はBODYを基準にしています。

位置はドロップ可能に対して相対的ではないため、ドラッグ可能はランダムな場所にドロップされます。全体として、ドロップ可能とドラッグ可能な統合は緊密ではありません。スムーズにしたいです。

うまくいけば簡単な答えが得られる小さな質問ですが、jQueryのドラッグアンドドロップを使用してアイテムをドックに配置しています。ドロップに以下のコードを使用します。

ただし、実際にドロップされた要素を取得する方法が見つからなかったので、何かできることがあります。これは可能ですか？

複数のドロップ可能な div (すべて同じサイズ) と 1 つのドラッグ可能な div があります。ドラッグ可能な div は、1 つのドロップ可能な div よりも 3 倍大きくなります。ドラッグ可能な div を droppables div にドラッグすると、どの droppable が影響を受けたかを見つけたいと思います。

私のコードは次のようになります。

html

しかし、アラートには、ドラッグ可能な div (Div0) がヒットした最初のものしか表示されません。欠落している (Div1 と Div2) を見つけるにはどうすればよいですか?

これは同じ問題を抱えた男です: http://forum.jquery.com/topic/drop-onto-multiple-droppable-elements-at-once

ドラッグ可能な要素とドロップ可能な要素があります。ドラッグされたアイテムがドロップゾーンにドロップされたら、次のjquery疑似コードを実行しようとしています:

関数はrevert()ドラッグされたアイテムを元の位置に戻します。

どうすればこれを達成できますか？

PS ドラッグ可能な「元に戻す」オプションを認識していますが、これは、ドラッグされたアイテムがドロップゾーンに到達しない場合にのみ有効になります。

私のページには、ドラッグ可能な動的に作成されたメモステッカーがあります。そして、同時にソート可能な（ソートを有効にする）ドロッパーがあります。ドロッパー内のメモ ステッカーをドラッグ アンド ドロップし、ドロッパー内でステッカーを上下に並べ替えます (ドラッグを使用)。

Jquery UIを使えば作れると思います。でもいつも間違える！

私は jquery ドラッグ可能/ドロップ可能で、包含オプションとヘルパー オプション セットを使用しています。私がしたいのは、ドロップされたアイテムの上部と左側のパラメーターを 2 つの変数に格納することです。

次の例 (新しいドキュメント アイコンをボックスにドラッグ) でこれを達成しましたが、返される位置は、親 DIV ではなく、元のアイコンに対する相対位置です。アイコンとドロップ可能なボックスの両方が絶対配置されます。

http://www.instructuk.com/drop.php

アイコンの代わりに親に関連する位置を取得する方法を知っている人はいますか?

jQueryのドラッグアンドドロップに本当に問題があります。それでは、状況を少し説明させてください。

私が達成したいのは次のとおりです。タイムライン上のティアドロップの1つをドラッグすると、divからのIDとドロップされたアイテムからのIDが、ドロップの直後にデータベースに保存されます。

私はなんとかajaxでそれを行うことができました、ここにコードがあります：

しかし、そうすると、ドラッグされたアイテム（またはそのアイテムのクローン）が消えてしまいます。ページが更新されないため、理由はわかりません。新しいアイテムは保存されません。

私が試したもう1つのオプションは、ドラッグされたアイテムのIDとドロップされたアイテムIDをテキストボックスに入力し、何かがドロップされるたびにそれを保存することでした。しかし、それもうまくいきません。

誰かが私を助けてくれることを本当に願っています！前もって感謝します。

私はjQuerydroppableを（jQuery draggableと組み合わせて）使用して、ユーザーがリストからアイテムをドラッグしてテーブルにドロップすることにより、HTMLテーブルに行を追加できるようにしています。

これはうまく機能しますが、現在のロジックでは、ユーザーがテーブルの行をドラッグアンドドロップすると、ドロップした行の下に新しい行が追加されます。

新しい行の追加位置は、ユーザーが既存の行の上半分にドロップしたか下半分にドロップしたかに基づいているとよいでしょう。

これはdropイベントで計算するのに十分簡単ですが、ユーザーがドラッグするときにUIフィードバックを提供する必要があります（たとえば、2つのCSSクラスdroppable-aboveをdroppable-below使用して行います）。

overイベントは1回しか発生しないため、これは不可能のようです。ユーザーが最初にドロップ可能な要素をドラッグしたとき。

overユーザーがドロップ可能な要素の上にいる間、マウスを動かすたびにイベントを発生させることは可能ですか？

もしそうなら、私はこれを行うことができるでしょう：

CSSスタイルは次のようになります...

ドロップ可能なものとして使用しようとしている div のかなり長いリストがありますが、現在のドラッグ可能な要素を受け入れないすべてのドロップ可能なものを非表示にしたいと考えています。

http://jsfiddle.net/N3uh3/に例を掲載しました

基本的に、「Drag A」要素をドラッグすると、すべての「Droppable B」要素が非表示になり、正しい要素にドロップできるようになり、これはうまく機能します。

ただし、「Drag B」要素をドラッグすると、すべての「Droppable A」要素が非表示になりますが、残りのドロップ領域はドラッグ可能なアイテムを受け入れません。「Droppable B」要素の元の場所にアイテムをドロップすると、(要素の位置が移動したとしても) 正しくドロップされます。「visibility: hidden;」を使用すると 「display:none」の代わりに、要素が移動しないため、これも機能します。

これが理にかなっていることを願っています-ドロップ可能な領域が要素の元の位置に設定されているようです....これを回避する方法はありますか?

前もって感謝します！