在可拖動的div中設置正確的位置

Question

我正在嘗試做什么：

將div設為可拖動狀態，然后單擊按鈕以將其位置重置為默認位置。

問題是，為什么在設置為可拖動對象后不能設置絕對div的right位置？

編輯：先拖動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

這是因為$.draggable()在您拖動div時left設置，並且在調用$.draggable('destroy')之后仍保持設置

只需使用left: auto;重置左left: auto; http://jsfiddle.net/9uLCY/7/

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

Answer 2

因為您的可拖動元素上仍然有一個“ left”值，它優先於“ right”值。 您需要“取消設置”左值

Answer 3

首先將左位置重置為auto ，因為可拖動方法中仍然存在左位置，然后設置右位置。