QA@IT

JQueryで、Dropしていないオブジェクトが別の場所にDropされる不具合

2031 PV

すみません。JQueryで、Createボタンを押したら、スライダとDragオブジェクト2つが生成され続けるプログラムを組み、DragオブジェクトをDragすると、Dragオブジェクトが含まれる新しいBOXが生成されるプログラムを作っています。

http://success.net-c.net/jquery/slider-s3.html

「Create」ボタンを押し、出てきたBOXの「DragMe1」を真下にドラッグしたりすると、「DragMe2」が元のBOXからはみ出てしまいます。

Dragしたオブジェクト以外を別の場所に移すような操作はしたくないのですが、
ソースのどこかにおかしい個所がありますでしょうか.

お手数おかけしますが、もしわかればご指摘いただければと思います.

  • ドット文字('.')にアソシエイトストアのリンクを貼りつけているため(履歴参照)。 -

回答

最終的にどういう動きになるのが正しいのかわかりませんが、DragMe1 と DragMe2 の position が absolute では無いため DragMe1 がボックスから無くなったときに DragMe2 の位置がズレているのです。

とりあえず DragMe1 と DragMe2 に position:absolute を指定すれば DragMe1 を動かした時に DragMe2 が動いたりはしなくなります。

あと、jQuery を使うならもっと jQuery らしい書き方をした方がいいです。

編集 履歴 (0)
  • position:absolute の指定で解決できました。どうもありがとうございました。jQueryらしい書き方ですね。普通のJavaScriptと混在していますもんね。ありがとうございました。 -
ウォッチ

この質問への回答やコメントをメールでお知らせします。