javascript - 关闭模态窗口JQuery？

Question

我有产品页面。将产品添加到购物车时，会启动一个模式窗口进行确认 - 这可能需要 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');
        });        

    });

在“确认”模式上，我正在尝试使用以下代码关闭“正在加载...”模式：

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

谢谢。

Answer 1

您正在函数中调用一个类：

$('.AddToCartButton')

以及脚本标签中的 ID：

$('#AddToCartButton')

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