問題タブ [jquery-ui-draggable]

jQuery UIのドラッグ可能なヘルパーの元に戻す位置を編集することは可能ですか? たとえば、ユーザーがクリックしてページ上のグループにドラッグできるアイコンがあります。ユーザーがアイコンをクリックしてドラッグを開始すると、ヘルパー メッセージがカーソルのすぐ下に表示され、クリックを押し続ける限りカーソルを追跡します。ヘルパーがグループにドロップされると、ヘルパーは消えます。ヘルパーがグループにドロップされない場合、revert: 'invalid' を使用して元の位置に戻ります。私の質問は、ヘルパーの元の位置を編集できますか? left: 0 と top: 0 の絶対位置に常に戻るように見えますが、これらの値を編集する方法がわかりません。戻り位置を編集して、左に約 300px 追加する必要があります。

アクティブ化/非アクティブ化時の醜い背景色の変更は無視してください。これはテスト専用です。「out」がトリガーされないという問題があります。これは、ドラッグ可能なアイテムが「元に戻す:無効」に設定されているという事実と関係があるのでしょうか? それを削除しても、out イベントから何も取得できず、単純な警告ボックスでさえも実行できません。任意のヒント？

1つを超えるドラッグ可能なコンテナを含むドロップ可能なコンテナがあります。ドラッグ可能なもののいずれかをドラッグするたびに、ドラッグ可能なものの位置を簡単に確認できるようにしたいと思います。簡単そうに聞こえますが、私はそれを理解するのに苦労しています。これが私が持っているものです：

基本的に、position1入力IDが位置を収集している場合、2番目の行に他のドラッグ可能なものに対して同じことを実行させたいと思います。

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

JQuery の draggable(); を使用しています。li 要素をドラッグ可能にします。唯一の問題は、要素が親の外にドラッグされたときに表示されないことです。つまり、親 div の範囲を離れません。例は次のとおりです: http://imgur.com/N2N1L.png - 他のすべての z-index がより優先されるように見えます (そして、要素はすべての下にスライドします)。

コードは次のとおりです。

そして、li 要素は次のように DIV に配置されます。

問題は親コンテナーから離れないことだと確信していますが、それを取り出すために何をすべきかわかりません。

どんな指示や助けも大歓迎です!

うまくいけば簡単な答えが得られる小さな質問ですが、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

Draggableのコンストラクターの「grid」オプションは、ドラッグされる要素の元の座標に比較的バインドされているように見えます。つまり、3つのドラッグ可能なdivがあり、それぞれの上部が100、200、254ピクセルに設定されている場合は、親に：

Adnはすべて、「grid」を[1、100]に設定してドラッグできるようになっています。

ここでの問題は、たとえばdiv3を下にドラッグすると、上部が100増加し、46px（254 + 46 = 300）だけ増加するのではなく、354pxに移動することです。これにより、次の停止に移動します。グリッド内-300px、親-divを参照ポイントおよび「グリッドホルダー」として見ている場合。

ドラッグ可能なソースを調べましたが、これは組み込みの欠陥のようです。ドラッグ可能な要素の元の位置を基準にしてすべての計算を実行するだけです。

ドラッグ可能なライブラリのコードにモンキーパッチを適用することは避けたいと思います。ここで本当に探しているのは、ドラッグ可能なライブラリに、含まれている親に対するグリッド位置を計算させる方法です。ただし、モンキーパッチがやむを得ない場合は、一緒に暮らす必要があると思います。

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

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

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

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