如何成功關閉jquery彈出框？

Question

在我的頁面中，我有一個鏈接。 單擊此鏈接后，它將顯示一個jQuery彈出框。 html代碼如下：

<input class="modal-state" id="modal-1" type="checkbox" />
   <div class="modal">
     <label class="modal__bg" for="modal-1"></label>
       <div class="modal__inner">
     <label class="modal__close" for="modal-1"></label>    
   <div id="showdoc"></div>    
  </div>

此彈出框帶有一個十字（X）圖標以關閉此彈出框。 現在，我想關閉ajax / jquery成功方法上的此彈出框，而無需單擊十字（X）圖標。 我怎樣才能做到這一點 ？

這是ajax / jquery成功方法：

success: function (data) {
        $('#result').html('');
        $('#result').show();
        $('#addcontact-img').hide();                            
        getProjectForm(<?php echo $pid; ?>);
        $(".modal__close").dialog( "destroy" );

         $.each( data, function( key, value ) {          
         if(key !== 'error') {
            $('#result').append('<p>'+value+'</p>');              
          }
   });

我用$(".modal__close").dialog( "destroy" ); 但現在可以了。 如果我使用$(".modal").fadeOut(500); ，然后成功關閉，但自動關閉，但再次無法通過單擊鏈接打開。 我不知道該如何解決。

Answer 1

假設您有關聯的對話框.modal ，則需要使用

$(".modal").dialog("destroy");

Answer 2

嘗試這個：

$(".modal").hide();

如果它是引導模式，那么也許可以使用：

$(".modal").modal("hide");

要檢查您的復選框是否已選中，請嘗試以下操作：

$(".modal-state").is(":checked") ? $(".modal").hide(): $(".modal").show();