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