jQuery:可在 Resizable Droppable 上拖动:项目在放置后消失

Posted

技术标签:

【中文标题】jQuery:可在 Resizable Droppable 上拖动:项目在放置后消失【英文标题】:jQuery: Draggable on Resizable Droppable: Item disappears after dropping 【发布时间】: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 中。 【参考方案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 处理程序。这看起来像是带有 draggablehelper: "clone" 的 jQuery 中的一个错误。

【讨论】:

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

以上是关于jQuery:可在 Resizable Droppable 上拖动:项目在放置后消失的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 令人不快的 Draggable, Resizable 交互

JQuery UI - resizable调整区域大小

jQuery resizable()“包含”参数不接受数组

JQuery-Easyui----Resizable( 调整大小) 组件

jQuery UI resizable 在调整宽度时改变高度

jQuery UI Resizable 永远不会达到设置宽高比的全宽