Dialogfeld ausblenden () und anzeigen () - Jquery? - jquery, jquery-ui-dialog, jquery-dialog

Ich benutze 3 Dialoge auf meiner Seite für 3 verschiedene Zwecke.

Ich erstelle Dialog als

  $(".dialog").dialog({
height: 238,
width: 465,
resizable: false,
title: "Edit"
});

Nach meiner Aktion im Dialog Dialog schließen als beendet

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

Wenn ich diesen Weg verberge, wird der Dialog nicht zum zweiten Mal geöffnet, Also versucht, den Dialog beim Starten der Funktion zu zeigen

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

Mein Problem begann hier ....

Wenn ich Dialog zeige, werden Dialoge mehrmals geöffnet, bis der erste geöffnete Dialog mit dem zweiten Dialog überlappt wird,

Gibt es eine geeignete Möglichkeit, Dialog zu verbergen und anzuzeigen, ohne sich zu überlappen oder sauber zu machen?

Antworten:

Sie müssen das verwenden schließen(verstecken und öffnen(show) Funktionen, die das Widget bietet

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

Wenn Sie nur einen Dialog ausblenden / anzeigen möchten, ohne ihn zu schließen, können Sie ihn verwenden

$(".dialog").parent().hide()
$(".dialog").parent().show()

Zu Anzeigen Ausblenden der Dialog, den wir benutzen müssen öffnen schließen Methoden

//To close the dialog use "close" method.
//It will hide the dialog. Your html and data still exist in the DOM
$("#my_dialog_id").dialog("close");

//Show closed dialog again if it is still exists and not destroyed the
$("#my_dialog_id").dialog("open");

//This method totally destroy your dialog. Element will be returned to pre-init state
$("#my_dialog_id").dialog("destroy");

//To check if the dialog is open or not
var isOpen = $( "#my_dialog_id" ).dialog( "isOpen" );