jQuery ui在鼠標位置拖放

Question

我已經設法將一個對象拖放到一個div container，儘管這個對象總是放在左下角。我想知道如何將用戶放置在光標指針上的對象放在上面。

這個問題可以在JSFiddle中看到。

我不明白的是，解決方案可能是在下面的代碼段：

$clone.removeClass('label-item') 
     .removeClass('ui-draggable') 
     .addClass('dragIt') 
     .css('height', 'auto') 
     .css('width', 'auto'); 

而且我可能會根據ui.offset添加left和top位置？

Answer 1

已解決。的

var positionX = ui.offset.left - $container.offset().left; 
var positionY = ui.offset.top - $container.offset().top; 

$clone.css('left', positionX + 'px') 
     .css('top', positionY + 'px');