droppable 中可拖动的位置答案

【问题标题】：Position of draggables in droppabledroppable 中可拖动的位置
【发布时间】：2013-02-26 16:43:19
【问题描述】：

我想将可拖动对象移动到可放置对象。问题是它们必须在拖放后很好地“排列”。作为第一步，我想告诉可拖动的左侧位置始终为 20px。

我有 drop 事件：

...( {
   drop: function (event, ui) {
       alert(ui.position.left);
       ...

这显示了可拖动对象的左侧位置。但我无法改变它

ui.position.left = 20;

我在这里读到位置是用偏移量计算的，这些是只读变量。如何设置左侧位置？或者有没有更简单的方法？有教程吗？

【问题讨论】：

【解决方案1】：

您可以像这样将拖动的项目附加到可放置容器：

$('#dropContanier').droppable({
    drop: function(event, ui) {
        $(this).append(ui.draggable); 
    }
});

在这种情况下，元素将根据您的 CSS 样式进行排列

【讨论】：

【解决方案2】：

是的，这些是只读变量 - 偏移量和位置是用户界面的值，而不是元素的属性。需要用到ui.draggable的css“top”和“left”。

【讨论】：