关闭模态窗口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') 

，并在script标签的ID：

$('#AddToCartButton') 

他们都更改为同一类型。