jQuery：可在 Resizable Droppable 上拖动：项目在放置后消失答案

【问题标题】：jQuery: Draggable on Resizable Droppable: Item disappears after droppingjQuery：可在 Resizable Droppable 上拖动：项目在放置后消失
【发布时间】：2011-12-29 15:54:28
【问题描述】：

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

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

$('#resizable').droppable({

  });

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

我玩过 appendTo、accept 和一切。我只是无法让它工作......非常感谢任何想法！

【问题讨论】：

也许提供一些html给？所以我们可以更好地看到你试图拖动/调整哪个元素的大小:) 也许它不会消失，但只是卡在它后面的 div 中。

标签： jquery draggable droppable resizable

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

我们在主题 revert 'invalid' with grid doesn't return to start position with jQuery UI Draggable 中讨论了类似的问题，@GregL 为此提供了解决方法：http://jsfiddle.net/greglockwood/EBHWr/

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

【讨论】：

如果我更改可调整大小的 div 的可放置代码，则可拖动对象不再可拖动...我将发布到 jsFiddle 以明确我的问题 :) 到目前为止！
所以，再次感谢您 - 我刚刚创建了 jsFiddle，只需取消注释辅助行，您就会看到我的问题...