关闭模态窗口JQuery？

Question

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

我想在确认模式之前显示另一个模态窗口以显示“loading ...”

我的问题是，当出现'确认'模式时，我不知道如何关闭“loading ...”模态。

这个代码启动了确认模式：

 $(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');
        });        

    });

在'确认'模式中，我试图用这段代码关闭'loading ...'模态：

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

谢谢。

Answer 1

你在函数中调用一个类：

$('.AddToCartButton')

和脚本标记中的ID：

$('#AddToCartButton')

将它们更改为相同的类型。