jQuery：在可调整大小的可拖动上可放置：项目在放置后消失

Question

我只是用谷歌搜索了很多但找不到答案。

我有一个可调整大小的 div，想在上面放一些东西。到目前为止效果很好。但是当我使用克隆助手时，该项目在掉落时就会消失。我做错了什么？

$('#resizable').droppable({

  });

$('.base').draggable({
    helper: 'clone',
    stack: '#resizable',
    containment: '#resizable',
    cursor: 'move',
    appendTo: '#resizable' 
  });

我玩过appendTo、accept 等等。我只是无法让它发挥作用......非常感谢任何想法！

Answer 1

我会尝试将以下内容添加到您的 droppable 选项中：

$('#resizable').droppable({
    drop: function(event, ui) {
        $.ui.ddmanager.current.cancelHelperRemoval = true;
    }
});

Answer 2

我们正在主题 使用网格恢复“无效”不会返回到 jQuery UI Draggable 的起始位置 和 @GregL 提供了解决方法这个： http://jsfiddle.net/greglockwood/EBHWr/

我认为这正是你的情况。您需要在 droppable 中定义 drop 处理程序。这看起来像是 jQuery 中带有 draggable 和 helper: "clone" 的错误。