jquery-ui - droppable 中可拖动的位置

Question

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

我有 drop 事件：

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

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

ui.position.left = 20;

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

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

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

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

2 回答 2