javascript - ドラッグ可能なdivで正しい位置を設定します

Question

私がやろうとしていること：

divをドラッグ可能にしてから、ボタンを作成して彼女の位置をデフォルトとしてリセットします。

right問題は、ドラッグ可能として設定した後、絶対divの位置を設定できないのはなぜですか？

編集：最初にdivをドラッグしてから、ボタンをクリックします。

$('div').draggable();
$('#button').click(function(){
   $('div').draggable('destroy').css({ // destroy was only a test
       top: 0,
       right: 0 // nothing happens
   });
});

jsfiddleデモ。

位置は私が使用する場合にのみ機能しますleft。

編集2：私が左の位置を使用していない理由、それは私がズームインすると他のものをオーバーレイするからです。ヒントは、私のゲストになります。

私が欠けているものは何ですか？

Answer 1

これは、divをドラッグするとセットされ、呼び出した後もセットされたままになるためです$.draggable()。left$.draggable('destroy')

http://jsfiddle.net/9uLCY/7/を使用して左にリセットするだけですleft: auto;

$('div').draggable();
$('#button').click(function(){
   $('div').draggable('destroy').css({
        top: 0,
        left: 'auto',
        right: 0
    });
});

Answer 2

ドラッグ可能な要素には、「右」の値よりも優先される「左」の値がまだあるためです。左の値を「設定解除」する必要があります

Answer 3

autoドラッグ可能な方法ではまだ左の位置があるため、最初に左の位置をにリセットしてから、右の位置を設定します。