Cách đóng Hộp thoại jQuery trong hộp thoại?

Question

Cách đóng Hộp thoại jQuery trong hộp thoại mà không cần sử dụng nút đóng?

Bên trong hộp thoại ui là một yêu cầu biểu mẫu đơn giản và nếu gửi thành công xảy ra, hộp thoại ui sẽ tự động đóng và làm mới trang gốc.

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#form-dialog").dialog({ 
       autoOpen: true, 
       modal: true, 
       width: 200, 
       draggable: true, 
       resizable: true 
      }); 
     }); 
    </script> 


    <div id="form-dialog" title="Form Submit"> 
    <form action="default.aspx" method="post"> 
    <input type="text" name="name" value=" " />  
    <input type="submit" value="submit" /> 

    <a href="#" id="btnDone">CLOSE</a> 

    <script type="text/javascript"> 
    $(document).ready(function() { 
     $("#btnDone").click(function() { 
      $(this).dialog('close'); 
     }); 
    }); 
    </script> 

    </form> 
    </div> 

-imperialx

Answer 1

bạn có thể đóng nó lập trình bằng cách gọi

$('#form-dialog').dialog('close') 

bất cứ khi nào bạn muốn.

Answer 2

Bạn cần

$('selector').dialog('close'); 

Answer 3

     $(document).ready(function() { 
      $("#form-dialog").dialog({ 
       autoOpen: true, 
       modal: true, 
       width: 200, 
       draggable: true, 
       resizable: true, 
       buttons: { 
        "Close": function() { 
         $("#idDialog").dialog("close"); 
        } 
       } 
      }); 
     }); 

Điều này sẽ làm cho bạn một nút để đóng. bạn cũng có thể gọi hàm đóng

$("#idDialog").dialog("close"); 

trong một số chức năng để thực hiện việc này. hoặc thậm chí trong một nút/A EDIT

< a href="javascript:void(0);" id="btnDone" 
           onClick="$("#idDialog").dialog("close");">CLOSE</a> 

: bạn cần điều này để bao gồm thoại của bạn vào mẫu:

open: function (type, data) { 
      $(this).parent().appendTo($("form:first")); 
     } 

Answer 4

Hãy thử này

$(this).closest('.ui-dialog-content').dialog('close'); 

Nó sẽ đóng hộp thoại bên trong nó.

Answer 5

thay thế một chuỗi để

$("#form-dialog").dialog('close'); 

$ (này) ở đây có nghĩa là một đối tượng $ ("# btnDone")

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#form-dialog").dialog({ 
      autoOpen: true, 
      modal: true, 
      width: 200, 
      draggable: true, 
      resizable: true 
     }); 
    }); 
</script> 


<div id="form-dialog" title="Form Submit"> 
<form action="default.aspx" method="post"> 
<input type="text" name="name" value=" " />  
<input type="submit" value="submit" /> 

<a href="#" id="btnDone">CLOSE</a> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#btnDone").click(function() { 
//I've replaced next string 
// $(this) here means another object $("#btnDone") 
    $("#form-dialog").dialog('close'); 
    }); 
}); 
</script> 

</form> 
</div> 

Answer 6

$(this).parents(".ui-dialog-content").dialog('close') 

đơn giản, tôi muốn chắc chắn rằng tôi don' t:

1. hộp thoại mã hóa cứng #id giá trị.
2. Đóng tất cả các hộp thoại.

Answer 7

Thêm liên kết này trong mở

$(this).parent().appendTo($("form:first")); 

tác phẩm hoàn hảo.

Answer 8

Đóng từ iframe bên trong một hộp thoại:

window.parent.$('.ui-dialog-content:visible').dialog('close'); 

Answer 9

Sau khi kiểm tra tất cả các câu trả lời trên mà không may mắn, mã folling làm việc cho tôi để giải quyết vấn đề:

$(".ui-dialog").dialog("close"); 

Có lẽ đây sẽ là cũng là một thử tốt nếu bạn tìm kiếm giải pháp thay thế.