Javascript 弹出关闭不工作得到太多递归jquery错误

在我看来，我有一个按钮，按钮1，当点击按钮时，我打开了一个弹出窗口，在弹出窗口内，我有另一个按钮，按钮2，当按钮点击时，我需要关闭第一个弹出窗口并打开另一个弹出窗口。 这是我的密码：

//showing the popup form when usr clicked the show time
$(document).on('click', '.ticket', function () {
    $('#Popup1').dialog({
        autoOpen: true,
        width: 900,
        height: 600,
        resizable: false,
        title: 'Popup 1',
        modal: true,
        open: function (event, ui) {
            $(this).load('@Url.Action("GetSeatSelectionPopup", "BuyTickets")');
        },
        close: function () {
        console.log("test");
            $(this).dialog("close");
        }
    });
})


//show prepayment form when button "Proceed to checkout" from seat layout pop up clicks
$(document).on('click', '#proceedToCheckOut', function () {
$("#Popup1").dialog("close"); //close popup1
$('#Popup2').dialog({
    autoOpen: true,
    width: 900,
    height: 600,
    resizable: false,
    title: 'popup 2',
    modal: true,
    open: function (event, ui) {
        $(this).load('@Url.Action("LoadPrePaymentPopup", "BuyTickets")');
    },
    close: function () {
        $(this).dialog("close");
    }
});

})

我的问题是，当我点击按钮1时，弹出窗口1关闭，而没有打开弹出窗口2。 当我使用firebug控制台进行检查时，出现以下错误：

太多的递归 ret=计算的[名称]

popup1 close函数上的console.log（“test”）被执行350次。 我觉得我的方法是错误的

---

有人知道这样做的方法吗。如有任何帮助，我将不胜感激。如果您需要任何其他信息来帮助回答此问题，请告诉我

如果您在同一对话框的处理程序中关闭对话框，这将导致递归

关闭（事件、ui）类型：dialogclose

对话框关闭时触发

---

删除

$（this）.dialog（“close”）行从
关闭
处理程序，一切都将按预期工作。
这解决了我的问题。但实际上引擎盖下发生了什么，关闭事件