javascript - 如何成功关闭jquery弹出框？

在我的页面中，我有一个链接。单击此链接后，它将显示一个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);，则成功后它会自动关闭，但再次无法通过单击链接打开。我不知道该如何解决。

最佳答案

假设您有关联的对话框.modal，则需要使用

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

关于javascript - 如何成功关闭jquery弹出框？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28991239/