可拖动的可拖放位置

Question

我想把可拖动的东西移到一个可放置的地方。 问题是他们必须在拖拽掉掉后很好地“安排”。 第一步，我想告诉一个可拖动的左侧位置总是20px。

我有掉落事件：

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

这显示了可拖动的左侧位置。 但是我无法用

改变它

ui.position.left = 20;

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

Answer 1

您可以将拖动的项目附加到可放置容器，如下所示：

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

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

Answer 2

是的，这些是只读变量 - 偏移量和位置是用户界面的值，而不是元素的属性。你需要使用ui.draggable的css＆＃34; top＆＃34;和＆＃34;离开＆＃34;。