Jquery ui 如何让jQuery对话框留在div中

我试图让对话框（#dialog）停留在容器div（#dialogContainer）内，也就是说，我不希望将对话框拖到ui中容器div的边界之外，但没有成功。我认为“appendTo”设置可以解决这个问题，但不能。感谢您的帮助

下面是一个例子，表明这确实是可能的：

代码：

这是对话框内容。
$（文档）.ready（函数（）{
$（“#对话框”）。对话框({
职位：{
我的‘左上’，
在‘左’，
共：$（“#dialogContainer”）
},
真的，
附件：“#dialogContainer”，
莫代尔：对
});
});

您可以使用以下代码限制对话框，使其不能拖到容器外：

$("#dialog").dialog({
    ...
})
.parent().draggable({
    containment: '#dialogContainer'
});

看看有没有小提琴

$("#dialog").dialog({
    ...
})
.parent().draggable({
    containment: '#dialogContainer'
});