JQueryUI Dialoganzeige Problem

Ich habe den folgenden Code, der ein JQueryUI Dialog Popup erstellt.JQueryUI Dialoganzeige Problem

$j('<div></div>') 
     .html(message) 
     .dialog({ 
      autoOpen: true, 
      bgiframe: true, 
      buttons: { 'Dismiss': function() { $j(this).dialog('close') } }, 
      closeOnEscape: true, 
      height: 'auto', 
      modal: true, 
      resizable: true, 
      width: 400, 
      title: 'An error has occurred'});

Wenn das Popup zum ersten Mal dem Benutzer angezeigt wird, sieht es wie das Bild unten aus, mit einem riesigen Header. Ich weiß, dass dem Popup keine zusätzlichen CSS-Klassen hinzugefügt werden.

Nachdem ich die Größe des JQuery Popups geändert habe, erscheint das Popup korrekt. Die Kopfzeile wird sofort skaliert und korrekt angezeigt.

Ist noch jemand davor reingelaufen?

alt text http://i26.tinypic.com/156vl3n.png

Quelle

2010-07-28 Mike Fielden

(Die Antwort wurde stattdessen auf diesen Beitrag verschoben); Es könnte sein, dass Sie vergessen haben, das CSS für Dialoge einzuschließen, dh wenn Sie Ihr Theme über den Theme-Roller erstellen, da es ui-widget-Klassen verwendet, haben sie Basistyling, und diese werden dann von jedem Modul, das Sie in Ihr einschließen, überschrieben benutzerdefinierte gerollte jQuery UI. – peol

einfach auf den neuesten UI CSS aktualisiert und arbeitete wie ein Weltmeister ... Danke für Ihre Hilfe

Quelle

2010-08-26 16:03:54

Ich habe noch nie in dieses Problem laufen, aber ich würde zwei Dinge vorschlagen:

Wenn Sie die Symptome und nicht das Problem beheben möchten, können Sie einfach einen Stil überschreiben zu tun:

Sie können auch versuchen, nacheinander alle Optionen zu entfernen, um zu sehen, ob einer von ihnen das Problem verursacht.

Quelle

2010-07-28 18:57:09 Will

Ich habe versucht, die Optionen systematisch zu entfernen, und keines davon scheint das Problem zu sein. Gut aussehend. Wenn ich es nicht herausfinden kann, denke ich, ich könnte jeden Stil überschreiben. Scheint ein wenig Arbeit, aber? –

Ja, ist es sicherlich, aber leider für einen letzten Ausweg ist es oft Ihre einzige ... Das einzige andere Problem, das ich denken könnte, wären widersprüchliche Stile oder Skripte, die Sie erstellt haben. Haben Sie irgendwelche Stile auf alle Bereiche oder Divs angewendet, die dies beeinflussen würden? – Will

Nicht dass ich sehen kann. Laut Firebug wird nichts darauf angewendet, also nur JQuery-Stile. –

Für diesen Dialog Header Ausgabe finden Sie einfach das unten stehende Attribut auf das übergeordneten Klasse des Dialoges hinzufügen können

.ui-dialog { clear: both; }

Quelle

2013-05-27 11:58:00 Soundar

Antwort

Verwandte Themen