jquery - 別の Jquery ポップアップを閉じて開く

Question

2 つの異なるページに 2 つのポップアップがあります。ホームページ リンクは、最初のポップアップを表示します。また、ポップアップ ページ ボタンは、最初のポップアップを閉じてから 2 番目のポップアップを表示します。2 番目のポップアップ構成は、最初のポップアップと共に存在します。上記を達成しようとすると、最初のポップアップを閉じて2番目を表示できません。

これを正しく機能させる方法について何か提案はありますか?

コード

$(".openDialog").live("click", function (e) {
        e.preventDefault();
        $("<div></div>")
        .addClass("dialog")
        .attr("id", $(this).attr("data-dialog-id"))
        .attr("overflow", "hidden")
        .appendTo("body")
        .dialog({
            width: 1000,
            title: $(this).attr("dialog-title"),
            close: function () { $(this).remove() },
            modal: true,
            position: "top"
        }).load(this.href);
    });
    $(".close").live("click", function (e) {
        e.preventDefault();
        $(this).closest(".dialog").dialog("close");
    });

ボタンコード

<input id="submit1" type="submit" class="styled-button" value="Make Copy" name="sub" />

ポップアップを閉じて開くJqueryイベント

$("#submit1").click(function () {
    $(".dialog").dialog("close");
    $(this).addClass('openDialog');
    window.setTimeout(function () { $(this).trigger('click') }, 200);
});