모달 창 닫기 JQuery?

Question

제품이있는 페이지가 있습니다. 장바구니에 제품을 추가 할 때 확인을 위해 모달 창이 실행됩니다. 최대 2 초가 걸릴 수 있습니다.

나는

내 문제는 내가 모달 "...로드"를 닫습니다 방법을 모르는 것입니다 "...로드"를 보여주기 위해 바로 확인 모달 전에 다른 모달 창을 표시 할 때 '확인'모달이 나타납니다.

확인 모달 해고이 코드 :

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

다음 '확인'에

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

    }); 

를이 코드와 함께 "...하여 '로딩을 닫습니다 모달하려고 모달

감사

Answer 1

당신은 기능의 클래스를 호출하고 있습니다 :.

$('.AddToCartButton') 

을

하고 스크립트 태그의 ID : 동일한 유형에

$('#AddToCartButton') 

변경 둘.