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

Question

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

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

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

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

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

Answer 1

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

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

就是这样！