2016-08-11 6 views
0

Ich verwende jQuery 3 und jQueryUI 1.12. Nach dem Upgrade bin immer ich, als ich den Dialog zeigen:jQueryUI Dialogfeld zeigt falsch Text unter der Schaltfläche Schließen

enter image description here

Der Glitch ist, dass das Wort „Schließen“ unter der Schließen-Schaltfläche erscheint.

Der Grund dafür ist, dass es tatsächlich in der generierten HTML ist auf diese Weise:

enter image description here

Aber ich kann nicht herausfinden, warum es dies oder wie macht es zu beheben (anders als durch das Hacking DOM direkt, aber das scheint unerwünscht, da es ein Kernstück der Bibliothek ist).

Was ist hier los und wie kann ich es beheben?

+0

Normalerweise jQuery UI die Regel '.ui-button-icon-only' mit' text-indent bewirbt themeroller verwenden: -9999px; 'darauf. Wie in Ihrem HTML ist die Klasse da. Stellen Sie also sicher, dass Sie die jQuery-Benutzerschnittstellen-CSS enthalten (mit dem Paket für den Dialog) und dass keine benutzerdefinierten Regeln diese überschreiben. – empiric

+0

Brilliant und schnell. Danke dafür. Dies führte mich zu einigen nicht übereinstimmenden Stylesheets, die mein Problem behob. Wenn Sie als Antwort posten, kann ich es akzeptieren. –

Antwort

0

jQuery UI verwendet ein eigenes Stylesheet für den Dialog. Die Standard-CSS-Regel für das Element der Anwendung ist .ui-button-icon-only die text-indent: -9999px;

Stellen Sie sicher, setzt Sie jquery-ui.css aufgenommen haben. Stellen Sie bei der Verwendung der download-builder sicher, dass die Stile für den Dialog enthalten sind. Und das richtige Thema ist ausgewählt.

Um zu den Standardstile geändert machen Sie die

Verwandte Themen