1

私はWebアプリケーションを作成しています。ユーザーがページ内のテキストを目的の位置にドラッグできる機能があり、保存ボタンをクリックすると、ドロップした位置に同じテキストが次のページに表示されます。動作していますが、位置が完全ではなく、元のものとは多少異なります。

このjsfiddle http://jsfiddle.net/rkumarnirmal/AmEeH/にそのような機能を実装しました

目的の位置にドラッグできる元のテキストである# text-previewが表示されます。あなたがドロップした後、 #ttext-previewを#text-previewがドロップされたのと同じ位置に移動したいと考えています。しかし、#ttext-preview の位置は変更されていません。

Web アプリケーションでドロップされた元のテキストの位置から位置がわずかに変化する理由を知りたいだけです。jsfiddle で問題を表示しようとしましたが、jsfiddle 自体が機能していません ( jquery を使用して#ttext-previewの css のtop および leftプロパティを動的に変更することはできません)。

誰でも私を案内してもらえますか？

ありがとう！

4

2 に答える 2

1

ドラッグ中に使用する境界線が原因だと思います。それを背景色に変更すると正常に動作します: http://jsfiddle.net/qvS2t/

境界線を使い続けたい場合は、ホバリングしていない tekst に追加のパディングを追加し、ホバーがアクティブなときにそれを境界線に置き換えます。これを行う方法を示す jsfiddle は次のとおりです: http://jsfiddle.net/jdCAx/

于 2012-05-20T13:16:56.977 に答える
0

  1. 最初に .position() は親に対する相対座標を取得します!

  2. もう 1 つの問題は、border/margin/padding-issue かもしれません。ここにたくさんありますhttp://api.jquery.com/position/ ! 奇妙なホバー境界線を使用しています。これは、ホバーしたときに要素が 0,0 にないため、位置の問題に影響を与える可能性があります。

于 2012-05-20T13:15:37.533 に答える