javascript - 成功后如何关闭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 success 方法上的此弹出框，而无需单击十字 (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");