jquery-ui - 無法修復拖動元素的鼠標位置

Question

當元素被拖動時，我遇到了Jquery-UI的問題。問題是，我想要拖動的元素變小，這會導致拖動時出現問題。我嘗試了event.pageX和event.pageY，但這並沒有辦法。

請檢查小提琴（不要介意丟失的圖像）。事情是拖拽元素的位置拖動時： http://jsfiddle.net/rkochev/Ln5ovxov/3/

$('.drag').draggable({ 
    cursor: 'hand', 
    containment: '#container', 
    revert: true, 
    revertDuration: 500, 
    drag: function(event, ui) 
    { 
     $(this).css("width","41px").css("height","40px").css("font-size","3px"); 
     $(this).css("left",event.pageX+"px").css("top",event.pageY+"px"); 
    }, 
    stop: function(event, ui) 
    { 
     $(this).css("width","217px").css("height","97px").css("font-size","15px"); 
     var num = parseInt($(this).attr('id').split("_")[1]); 
    } 
}); 

我想拖，當拖動的元素將在鼠標指針的中心。

我將不勝感激任何建議。

非常感謝，
雷達

Answer 1

如果你想拖動一些靜態內容使用cursorAt屬性是這樣的：

...cursorAt: { top: 17, left: 17 },... 

如果使用動態內容，也許你可以使用的helper財產draggable插件（read here）