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
处理程序。这看起来像是带有 draggable
和 helper: "clone"
的 jQuery 中的一个错误。
【讨论】:
如果我更改可调整大小的 div 的可放置代码,则可拖动对象不再可拖动...我将发布到 jsFiddle 以明确我的问题 :) 到目前为止! 所以,再次感谢您 - 我刚刚创建了 jsFiddle,只需取消注释辅助行,您就会看到我的问题...以上是关于jQuery:可在 Resizable Droppable 上拖动:项目在放置后消失的主要内容,如果未能解决你的问题,请参考以下文章
jQuery 令人不快的 Draggable, Resizable 交互
JQuery-Easyui----Resizable( 调整大小) 组件