I'm having some issues with my droppable area in my code. Everything is firing correctly and working as it should; however, the area in which I can effectively drop the numbered circles is not aligned correctly. It is hard to explain so here is the jsFiddle link below.

http://jsfiddle.net/sprink91/Fse2L/48/

The HTML code for the area that I would like to be droppable:

マウス ポインターがドロップ可能領域の中心にあるときに適用されるホバー クラス。マウスポインタが境界線を越えたときに同時にホバークラスを適用するにはどうすればよいですか? 画像 1. マウスは既にドロップ可能な領域にありますが、ホバー クラスはまだ適用されていません。2. ホバー クラスが適用されていますが、マウス ポインターは既にドロップ可能な領域の中心にあります。

ソート可能なリストでアイテムの正確な数を維持する必要があり、それを行うのに苦労しています。増分をカウントするリスト #1 からドラッグを開始した瞬間、それ以降は余分なアイテムがプレイされています。リスト #2 にカーソルを合わせると、カウントが増えます。

例、フィドルをクリックします：

更新しました

ここでフィドル：

ここでjsfiddle

フルスクリーン結果

注：私はフィドルが初めてで、どういうわけかコードをフィドルに統合しましたが、ドラッグドロップは機能していません。

こんにちは、次のようなjqueryのドラッグ可能およびドロップ可能な関数を使用して、ドラッグ、ドロップ、およびクローン機能を実装しました。

注:$("#document-reader")はスクロール可能な div です。この div の任意の場所に要素を上から下にドラッグしたい。親 div をスクロールして、div の途中で要素をドラッグできます。そして、ドラッグした場所にくっつくはずです。

これは、要素を適切にドラッグし、複製してドロップします。

問題

ドロップされた要素が、ドロップした場所とまったく同じ場所にドロップされていません。むしろ、要素をドロップするたびに同じ場所にドロップしています。位置もログに記録しようとしましたが、要素をどこにドロップしても、上と左が同じであることがわかりました。

私のコードの何が問題なのかわかりません。

期待される結果：

次のスクリーンショットをご覧ください。

1) これは現在起こっています (間違った動作)

2) 予想される動作:

これが私の要件です。

1. dragItemドラッグアンドドロップというアイテムがあります。
2. 2 つの Div がOuterあり、inner
3. この順序で行う必要があります - 外側の Div に dragItem をドラッグします (これにより、いくつかの機能を実行できます。この時点で、次のドロップ可能なコードのみが有効になります)。次に、dragItem を再度ドラッグして、内側の Div にドロップします。

私が得る問題は、内側の Div に 2 回目にドラッグ アンド ドロップしたときに、内側の Div が外側の Div の内側にあるため、外側のドロップ可能なコードが最初に呼び出され、次に内側のドロップ可能なコードに入るということです。

私が試した同様のものが添付されています。フィドルをチェック

では、これを修正する方法は？アイテムが多層の Div にある場合でも、どこにでもアイテムをドロップできるようにする必要があります。これを達成する方法は？

- 前もって感謝します