Javascript 关闭模式窗口JQuery？

我有一个产品页面。 将产品添加到购物车时，会启动一个模式窗口进行确认-这可能需要2秒钟

我想在确认模式之前显示另一个模式窗口，以显示“加载…”

我的问题是，当出现“确认”模式时，我不知道如何关闭“加载…”模式

这是启动确认模式的代码：

 $(document).ready(function () {
        var $dialog = $('<div style="background-color:red"></div>')
        .html('<h1>loading...</h1>')
        .dialog({
            autoOpen: false,
            title: 'loading...'
        });
        $('.AddToCartButton').click(function () {
            $dialog.dialog('open');
        });        

    });

$（文档）.ready（函数（）{
变量$dialog=$（''）
.html（'正在加载…'）
.对话({
自动打开：错误，
标题：“加载…”
});
$（'.AddToCartButton'）。单击（函数（）{
$dialog.dialog（'open'）；
});        
});

在“确认”模式下，我试图用以下代码关闭“加载…”模式：

<script type="text/javascript">
    $('#AddToCartButton').dialog('close');    
</script>

$（'AddToCartButton'）。对话框（'close'）；

---

谢谢。

您正在调用函数中的类：

$('.AddToCartButton')

以及脚本标记中的ID：

$('#AddToCartButton')

---

将两者更改为同一类型。

AddToCartButton是与此相关的html代码的id或classpost