0

我在 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);
});
4

0 回答 0