संवाद के भीतर jQuery संवाद बंद करने के लिए कैसे?

Question

बंद बटन का उपयोग किए बिना संवाद में jQuery संवाद को बंद करने के लिए कैसे?

यूई संवाद के अंदर एक साधारण रूप से अनुरोध है और यदि सफल सबमिशन होता है, तो ui संवाद स्वचालित रूप से मूल पृष्ठ को बंद कर देता है और रीफ्रेश करता है।

<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

आप इसे प्रोग्राम के रूप में

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

बुला जब चाहें तब से बंद कर सकते हैं।

Answer 2

आप

$('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"); 
        } 
       } 
      }); 
     }); 

जरूरत है यह आपको एक बटन बंद करने के लिए कर देगा। आप भी समारोह पास

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

कुछ समारोह में यह करने के लिए कह सकते हैं। या यहां तक ​​कि एक बटन में/एक

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

संपादित करें: आप इस की जरूरत के रूप में अपने संवाद शामिल करने के लिए:

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

Answer 4

यह

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

प्रयास करें यह संवाद बंद हो जाएगा इसके अंदर।

Answer 5

को

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

$ (इस) यहाँ किसी अन्य वस्तु $ ("# 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') 

सरल अर्थ है एक स्ट्रिंग की जगह, मुझे यकीन है कि मैं डॉन 'बनाने के लिए करना टी:

1. हार्डकोड संवाद # आईडी मान।
2. सभी संवाद बंद करें।

Answer 7

खुला

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

काम करता है पूरी तरह से में इस लिंक जोड़ना।

Answer 8

एक संवाद के अंदर iframe से बंद:

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

Answer 9

भाग्य के बिना ऊपर इन उत्तरों के सभी की जाँच के बाद, folling कोड मेरे लिए काम किया समस्या का समाधान करने के लिए:

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

हो सकता है कि यह हो जाएगा यदि आप विकल्पों की तलाश करते हैं तो भी एक अच्छा प्रयास करें।