jquery-ui-draggableはposition：relativeの使用をどのように許可しますか？

Question

私は自分のドラッグ可能なスクリプトの更新に取り組んでいます。jquery-uiが要素の相対的な位置をどのように設定できるのかと疑問に思っています。相対的に配置されて浮かんでいる？

現時点では、私の現在のスクリプトは任意の要素をとり、その位置を取得しますが、ドラッグすると絶対位置に設定します。その結果、すべての要素がその場所に移動します。私はドラッグ可能だものを（実際には非効率です）移動したときに、絶対：

私の2つだけのアイデアをしています

a）に自動的に位置をページ上のすべての要素を設定します。

b）正確な位置に残る現在の要素の不可視コピーを作成します。

と本質的に実施するために：私は、どちらかのステップAまたはBが全くも必要であるかどうかを決定することができる

var e = document.getElementById('div'); 
console.log(document.defaultView.getComputedStyle(e, null).getPropertyValue("position")); 

れます。

しかし、私にはわかりますが、私にはjquery-ui-draggableのようなものはありません。ここで

は、この使用してjQueryの-UI-ドラッグの例である：http://jsfiddle.net/aNk6e/17/

私は同じ効果ことを達成できますか？

Answer 1

これはposition: relativeの動作方法です。要素は元の位置にあるかのように文書に影響を与えますが、移動することができます。要素が元の位置にあったが、エレメントを移動したかのように、他の2つの項目はまだどのように影響を受けるか

http://jsfiddle.net/aNk6e/18/

お知らせ：

このフィドル考えてみましょう。

topとleftを操作するだけで、ドキュメントフロー内の他の要素に影響を与えずに要素を移動することができます。