jQuery UI:当使用可调整大小时,draggable div移出其约束区域

时间:2013-09-09 17:24:13

标签: jquery-ui jquery-ui-draggable jquery-ui-resizable

我正在尝试在位于对手(它是约束区域)的div上同时使用.draggable()和.resizable()。

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

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

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

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

1 个答案:

答案 0 :(得分:0)

我知道这是一个老帖子,但我遇到了同样的问题,这是jquery ui上的一个漏洞。 这是一个平均时间的解决方案,只需添加(在ui css之后)

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

就是这样!