Wenn sich der jQuery Dialog nicht erneut öffnen lässt

ralle — Thu, 20 Aug 2009 19:23:55 +0000

Das passiert meist wenn man dass Instanziieren des Dialogs in einer Funktion kapselt. Denn der Dialog wird nach dem Schliessen zerstört und lässt sich nicht erneut instanziieren.

Wenn die Instanziierung des Dialog von Vorteil ist, z.b. wenn noch Parameter übergeben werden sollen, kann man sich einfach mit dem Event ‘close’ behelfen. Ein Beispiel:

function show_order_dialog(id){
	$('#dialog').dialog(
		{
			bgiframe: true,
			resizable: true,
			width: 500,
			modal: true,
			// hier wird dafür gesorgt dass der Dialog nach dem
			// schliessen zerstört wird.
			close: function(event, ui) { 
				$(this).dialog('destroy');
			},
			overlay: {
				backgroundColor: '#000',
				opacity: 0.5
			},
			buttons: {
				'Änderungen übernehmen': function() {
					$(this).dialog('close');
					update_order(id);
					// Es bringts wenn man das hier ausführt
					// Denn der X Button oben rechts ruft nur close auf und nicht destroy
					// $(this).dialog('destroy');
				},
				'Unterbrechung löschen': function() {
					$(this).dialog('close');
					delete_order(id);
				},										
				Abbrechen: function() {
					$(this).dialog('close');
				}
			}
		}
	);
 
}

jQuery Datepicker verschwindet hinter dem Dialog

ralle — Thu, 20 Aug 2009 14:18:27 +0000

Für dieses Problem gibt es eine einfache Lösung. Man muss dem Datepicker Element einen z-index zuweisen, der höher ist als der des Dialogs.

Hier ein Beispiel:

 
// Recht hoch gesetzt, sollte aber immer mehr als 10000 sein
$("#ui-datepicker-div").css("z-index", 10000000);
 
// Alternativ kann man auch dies versuchen um den z-index eins höher 
// als das Elternelement zu setzen
$("#ui-datepicker-div").css("z-index", $(this).parents(".ui-dialog").css("z-index")+1);

PHP Log » Dialog

Wenn sich der jQuery Dialog nicht erneut öffnen lässt

jQuery Datepicker verschwindet hinter dem Dialog