jquery draggable - 从droppable对象中获取拖动的对象位置

时间:2013-10-18 16:04:19

标签: jquery positioning draggable droppable

我在另一个元素(droppable)中拖动一个元素(draggable),当它掉落时,它将对象克隆到droppable div。但是没有位置信息,所以克隆的对象是0左和0顶。我的代码如下:

$('#objects div').draggable({revert: 'invalid', helper: 'clone'});
$('#objects').droppable({});
$('.ace').droppable({
    drop:function(e, ui){

        var clone = $(ui.draggable).clone();
        var parent = $('.ace');

        ui.draggable.detach();
        clone.appendTo(parent);

    }               
});

我知道我应该根据容器位置计算拖动的对象位置并将数据设置到克隆位置,但我不能从droppable方法获取拖动的对象位置,也不能从可拖动的方法克隆对象正常。

我错过了什么? 提前谢谢!

1 个答案:

答案 0 :(得分:1)

e.pageX 
e.pageY

将获取被删除元素的位置信息, 做一个console.log(e)来看看你能从ei对象中得到什么

相关问题