jQuery UI :可拖动的 div 在使用可调整大小时移出其约束区域



我正在尝试在位于约束器中的div(这是其约束区域)上同时使用.draggable()和.ressizeable()。

调整大小功能完美运行。可拖动功能也可以正常工作,除非您将div 移动到容器的一个边框(假设底部),释放鼠标按钮,然后尝试再次将其移动到容器之外。它看起来一次将div "推出"其容器 1px。如果多次重复该操作,则可以将div 完全移动到其容器之外。

$(".element").draggable({ containment: "#container" });
$(".element").resizable({ containment: "#container", handles: 'all' });

这是小提琴: http://jsfiddle.net/GarjX/

请注意,当您删除"可调整大小"功能并仅保留可拖动功能时,问题就消失了。

我知道

这是一个旧帖子,但我有同样的问题,这是jquery ui上的一个开放错误。这是同时的解决方案,只需添加(在UI CSS之后)

.ui-resizable-s, .ui-resizable-e{width:0px; height: 0px; display: none;}

就是这样!

相关内容

最新更新