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();

怎么能成功关闭jquery弹出框？

2 个答案: