問題タブ [jquery-ui-droppable]

jQuery UI のドロップ可能な要素があり、ドラッグ可能な要素がその上に置かれたときに大きくしたいと考えています。hoverClass オプションの使用と、drophover イベントへのバインドの両方を試しました。

視覚的には、これらの方法はどちらも正常に機能します。ただし、ドラッグ可能オブジェクトがドロップ可能オブジェクトの元の (小さい) 境界を出ると、現在の (大きい) 境界内にあるにもかかわらず、jQuery UI はこれを「ドロップアウト」と解釈します。

たとえば、js:

CSS:

この場合、ドラッグ可能オブジェクトがドロップ可能オブジェクトの上に移動すると、ドロップ可能オブジェクトのサイズが視覚的に 200px に増加します。この時点で、ドラッグ可能オブジェクトが 20 ピクセル下に移動した場合、ドロップ可能オブジェクトの上にまだホバリングしていると予想されます。代わりに、jQuery UI がドロップアウト イベントを発生させ、ドロップ可能オブジェクトの高さが 10 ピクセルに戻ります。

私が期待するように動作させる方法を知っている人はいますか?

jsFiddle の例: http://jsfiddle.net/kWFb9/

なぜこれが2回行われるのかわかりませんappend() 。

これはコールバック関数であり、ドラッグが発生した後に実行する必要があることに対応しています。(UI)

ドラッグされた div と、表示したい対応するテキストを識別するために、一連の処理が行われます (これは一種の「答えを選択し、適切なケースでドラッグ & ドロップするようなものです)。ドロップ シーケンスで:

既存の div (display:none) の html を取得し、表示したばかりの div に追加したいと考えています。このようにして、適切なコンテンツを回答 div に挿入します。しかし、この append() は仕事を 2 回 (?) 実行し、テキストを 2 回取得します。

iScroll を jQuery UI Drag&Drop と一緒に使用しています。iScroll "Scroller"-Div には、ズーム可能なイメージとドロップ可能な div の 2 つの子が含まれています。

ズームインすると、ドロップ可能な div もサイズ変更されているように見えますが、これまでのところ問題ありません。しかし、ズームインしてドラッグ可能なものをドロップ可能にドロップしようとすると、機能的なドロップ領域はズームインしていないように小さくなり、ズームされたドロップ可能の左上隅に配置されます。

どこに問題があるのか​​ わかりません。これで私を助けてくれることを願っています。

ここで私の問題を確認してください - http://jsfiddle.net/EhQZH/17/

説明: 3 つのリスト A、B、C があり、リスト B はリスト A 内にネストされています。両方のリスト (A と B) は、リスト C からリスト項目を受け入れることができます。

リスト項目を C からリスト B にドラッグすると、リスト項目が B と A の 2 回含まれます。これを避けたいと思います。A または B にリスト項目が 1 回出現し、それがドロップされます。

並べ替え、ドラッグ、ドロップなどを適用しましたが、何か間違ったことをしたと思います。見つけることができません。

あなたの提案を教えてください。

私の他の質問に答えました（ドロップ時にモーダルが開きませんでした）。今、私は新しい問題を抱えています:

#cornDialogは、トウモロコシをドロップしたときに開くモーダルです。li.cornは「ドラッグ可能」なトウモロコシで、#plateは「ドロップ可能」な div ですが、ご覧のとおり、どの要素がドラッグ/ドロップされたかを知る方法がないため、すべてのアイテムに対して#cornDialogが開きます. 食べ物 (七面鳥の脚、リンゴなど) ごとに異なるダイアログを開く方法が必要です。わかる？

これが別の質問で回答されている場合は申し訳ありませんが、私の問題に固有の回答が見つかりませんでした!

jQuery ドラッグ可能オブジェクトが合法的なドロップ可能オブジェクトの外にドロップされているかどうかをテストしようとしています。これは通常、ドラッグ可能を元に戻すことで 90% の確率で解決されますが、私はそうしたくありません。代わりに、ドラッグ可能オブジェクトがドロップ可能オブジェクトにドロップされた場合は 1 つのことを実行し (うまく機能しています!)、可能なすべてのドロップ可能オブジェクトの外にドロップされた場合は別のことを実行したいと考えています (現在、私はうまくやっています!)。

手短に：

本当に明らかな何かが欠けているような気がします...助けてくれてありがとう！

Sea Battleのクライアント側の開発中に、私はこの問題に遭遇しました。私は2つのパネルを持っています：船とボードです。この画面を見てください：

すべての船とゲームボードはテーブルです。テーブルの各セルには、ID（1〜100）があります。「ドラッグ可能な」プラグインを使用して船をドラッグします。ボードは「ドロップ可能な」要素です。船が存在する場所でこれらのtd-board要素を定義するにはどうすればよいですか？たとえば、その画面では、IDが12、13、14、15のセルに注意する必要があります。

したがって、ドロップ可能にドロップされていないため、ドラッグ可能が元に戻されたときに実行されるコードが必要です。残念ながら「無効」を返します。動作していないようです。revert は revert:true; のように動作しています。これを解決する方法はありますか？

Jquery ui Draggable/Droppable を介して複製された一連の div があります。

元の要素には、階層を決定する数値 ID (1、2、3 など) があります。複製された要素 ID には、一意性を保つためにプレフィックス "clone_" が追加されます。

私の質問は、クローンされたアイテムを階層に従って数値的に並べ替えるにはどうすればよいですか? 私は番号を見つけることができます：

しかし、次のステップがわかりません。ありがとう。

左側にゾーン 1 ～ 4 という名前のドロップ可能な div があるとします。

右側にドラッグ可能なアイテムがいくつかあります

次のように、これらをドラッグおよびドロップ可能に設定できることを知っています。

フルーツがゾーンにドロップされたときに関数をトリガーして、ドロップされた場所 (ゾーン 1、ゾーン 2 など) とそこにドロップされたフルーツの両方を取得するにはどうすればよいでしょうか。理想的には、果物の名前は必要ありません。おそらく非表示の入力タグなどに隠された果物に関連付けられたIDが必要ですか?