WebアプリケーションでjqueryuiDraggableとDroppableを使用して、divをドラッグしてドロップしています。
しかし、ドロップパレット領域（テキストボックスやテキスト領域の場合もあります）にアイテムをドロップすると、ページのその部分で消費されているように、アイテムに反応したり、さらにドラッグしたりできなくなります。
もう1つは、droppableを完全に無効にすることにしましたが、それでもdivはドロップ可能なものをドロップして消費し続けます。また、コードからdroppableイベントを削除して再度実行しようとしましたが、それでも同じことが起こり続けます。
しかし、それらをページの他の部分にドラッグすると、ドラッグは正常に機能します。また、複数のマシンで実行しようとしましたが、出力は同じです。
問題の原因は何でしょうか？
ドラッグ可能ファイルを作成するためのコード
$('body').append("<div id='addNewText'></div>");
$("#addNewText").draggable();
ドロップ可能なページを作成するためのコードですが、ドロップ可能な部分を削除したとき。
$("#book").append("<div name=\"page\" id =\"page"+(pagesNumber+1)+"\"> </div>");
$("#page"+(pagesNumber+1)).css("position","absolute");