2014-10-28 156 views
-1

我已经设法将一个对象拖放到一个div container,尽管这个对象总是放在左下角。我想知道如何将用户放置在光标指针上的对象放在上面。jQuery ui在鼠标位置拖放

这个问题可以在JSFiddle中看到。

我不明白的是,解决方案可能是在下面的代码段:

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

而且我可能会根据ui.offset添加lefttop位置?

+0

可能重复的[使用JQuery的UI可投放的定位拖,下降及所附项目](http://stackoverflow.com/questions/16607275/positioning-of-dragged-dropped-appended-items-使用-jquery的-UI-可投放) – isherwood 2014-10-28 14:52:08

回答

0

已解决。的

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');