jquery对话框最佳方法

我的设想是： 1.我的页面中有一个打开对话框的链接。 2.在该对话框中，可能有另一个链接打开另一个对话框，依此类推

解决这个问题的最佳方法是什么？ 将在何处创建此对话框

--

我试过这个：

在我的页面中，我声明一个div作为我所有对话框的占位符：

<div id="dialog-placeholder">
</div>

在我的javascript代码中做了如下操作：

$(".bs-icon").live("click", function () {
    var dp = $("#dialog-placeholder");

    dp.html("<div id='dialog'></div>");

    //load index page in dialog
    $.get("/Car/IndexLookup", function (response) {
        dp.find("#dialog").html(response);
        var dialog = dp.find("#dialog").dialog({
            modal: true,
            width: 700,
            height: 400,
            close: function (ev, ui) { $(this).remove(); }
        });
    });

});

$（“.bs图标”）.live（“单击”，函数（）{
var dp=$（“#对话框占位符”）；
dp.html（“”）；
//在对话框中加载索引页
$.get（“/Car/IndexLookup”，函数（响应）{
dp.find（“#dialog”）.html（响应）；
var dialog=dp.find（#dialog”）.dialog({
莫代尔：是的，
宽度：700，
身高：400，
关闭：函数（ev，ui）{$（this.remove（）；}
});
});
});

目前，只有一个对话框有焦点

---

这是可行的，但这是一个好方法？

您可以定义是否希望您的对话框堆叠在其他对话框上。因此，当调用多个对话框时，您可以决定看到哪个对话框

（来自文件）

指定对话框是否堆叠在其他对话框的顶部。这 将导致对话框在打开时移动到其他对话框的前面 获得关注。 代码示例 使用指定的堆栈选项初始化对话框

获取或设置堆栈选项，在init之后

---

还有一个z-index选项，这样你可以在每个新对话框中增加它，这样它们就可以按照调用的顺序堆叠。我只是编辑文章，包括更多信息。谢谢

$( ".selector" ).dialog({ stack: false });

//getter
var stack = $( ".selector" ).dialog( "option", "stack" );

//setter
$( ".selector" ).dialog( "option", "stack", false );