Jquery ui jqueryui对话框追加到Div

我正在使用下面的代码创建一个jQueryUI对话框

 var dynDiv = document.createElement("div");
       document.getElementById("divparent").appendChild(dynDiv);
      dialog_box(dynDiv, buttons);


      function dialog_box(dynDiv, dialog_buttons) {    
        $.each(dialog_buttons, function (index, props) {
            $("#" + dynDiv.id).append('<span id="btn' + dynDiv.id + props.id + '">' + props.text + '</span>');
            $('#btn' + dynDiv.id + props.id).button().on("click", {
                param: props,divid: dynDiv.id
            }, props.handler);


        });


    $("#" + dynDiv.id).dialog({
        modal: true,
        appendTo: "#divparent",
        show: "puff",hide: "explode",resizable: true,closeOnEscape: false,
        minWidth: 200, 
        minHeight: 150

    });        

var dynDiv=document.createElement（“div”）；
document.getElementById（“divparent”）.appendChild（dynDiv）；
对话框（动态、按钮）；
功能对话框（dynDiv，对话框按钮）{
$。每个（对话框按钮、功能（索引、道具）{
$（“#”+dynDiv.id）.append（“”+props.text+“”）；
$（“#btn”+dynDiv.id+props.id）.button（）。打开（“单击”{
参数：道具，divid:dynDiv.id
}，道具处理程序）；
});
$（“#”+dynDiv.id）.对话框({
莫代尔：是的，
附件：“#divparent”，
显示：“泡芙”，隐藏：“爆炸”，可调整大小：真，关闭场景：假，
最小宽度：200，
最小身高：150
});        

---

根据这一点，应该创建一个jquery对话框并附加到divparent。但它没有按预期附加，而是创建了一个单独的节点并形成了对话框。有人能找出我哪里做错了吗？

该对话框实际上附加到了

\divparent1

。 问题似乎在于它的立场是绝对的

尝试将

#divparent

的位置更改为

绝对值

再次应用此修复：

$("#" + dynDiv.id).dialog({
    modal: true,
    appendTo: "#divparent1",
    show: "puff",
    hide: "explode",
    resizable: true,
    closeOnEscape: false,
    minWidth: 200,
    minHeight: 150,
    position: { my: "left top", of: "left top"}
});

---

您可以在此处检查结果：

您使用的是哪个版本的jQuery UI（附录：版本添加1.10.0）？Im使用jQuery-1.10.2。js@user833985这是jQuery版本。jQuery UI的哪个版本？显示完整的js代码添加了一个示例fiddle。