Javascript jqueryUI可调整大小并可拖动不'；我们不能一起工作

当我同时使用

jqueryui resizeable

和

draggable

时，我遇到了一个问题。以下是出现问题时的场景：

第一个移动父Div，
然后调整子分区的大小。
最后，子Div显示不正确

如果我删除了可调整大小的

包含

选项，工作就可以了

我发现

containment和
helper`选项不能同时存在

多谢各位

这是演示


//外部js:draggabily.pkgd.js
$（“.father”）.draggable({
句柄：'.p1'
}).可调整大小({
助手：“ui可调整大小的助手”，
遏制：“家长”
});
$（'.child'）。可拖动({
句柄：'.p2'
}).可调整大小({
助手：“ui可调整大小的助手”，
遏制：“家长”
});
body{font-family:sans-serif；}
.拖拉{
宽度：300px；
高度：300px；
背景:#F90；
边界半径：10px；
}
.draggable.is-pointer-down{
背景：#09F；
}
p{背景：#F00；}
.孩子{
宽度：100px；
高度：100px；
}
.draggable.is-dragging{opacity:0.7；}
.ui可调整大小的帮助程序{边框：1px虚线#20a0ff；}

把手

把手

1234345 6
我会远离使用助手，我发现使用它们时存在很多问题

当使用jqueryui交互时，我在容器中使用一个内部元素，这样小部件就不会受到容器中任何其他元素的影响。例如，由于“p1”元素，您的resize containment无法正常工作，为了避免这种情况，您可以像我一样添加一个内部元素，或者使任何其他内部元素
position:absolute以便它们不会影响ui元素

以下是我的例子：


$（'.father'）。可拖动({
句柄：'.p1'
}).可调整大小（{}）；
var containTo=$（'.father inner'）；
$（'.child'）。可拖动({
句柄：'.p2'，
遏制：遏制
}).可调整大小({
遏制：遏制
});
正文{
字体系列：无衬线；
}
内尔神父{
位置：绝对位置；
顶部：40px；
左：5px；
右：5px；
底部：5px；
}
.拖拉{
宽度：300px；
高度：300px；
背景：#eee；
边框：1px实心#ccc；
边界半径：10px；
}
.draggable.is-pointer-down{
背景：#09F；
}
p{
背景：#F00；
}
.孩子{
最小宽度：100px；
最小高度：100px；
高度：100px；
宽度：100px；
}
.draggable.is-draggable{
不透明度：0.7；
}
.ui可调整大小的帮助程序{
边框：1px虚线#20a0ff；
}
.ui可调整大小的se{
宽度：20px；
高度：20px；
位置：绝对位置；
底部：0；
右：0；
光标：se调整大小；
背景：#aaa；
}

把手

把手

1234345 6
我使用了其他可拖动库，jqUI可调整大小也不能正常工作，因此我认为jqUI可调整大小有一个bug。你能帮助我吗。