0

商品のページがあります。ショッピングカートに商品を追加すると、確認のためにモーダルウィンドウが表示されます。これには最大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>

ありがとう。

4

1 に答える 1

2

関数でクラスを呼び出しています：

$('.AddToCartButton')

および script タグ内の ID:

$('#AddToCartButton')

両方を同じタイプに変更します。

于 2012-12-05T11:05:27.133 に答える