CSS wird für den jQuery-UI-Dialog nicht aufgerufen

9

Ich möchte einer Formularseite ein modales jQuery-Dialogfeld hinzufügen. Wenn das Dialogfeld ausgelöst wird, sehe ich den Textinhalt, jedoch ohne CSS. Ich ziehe die jquery in der functions.php für die Seite ein:

wp_enqueue_script('jquery-ui-dialog');

Die jquery css (jquery-ui-dialog.css) befindet sich in meinem Verzeichnis wp-includes / css. Ich habe versucht hinzuzufügen

wp_enqueue_style('jquery-ui-dialog');

aber es funktioniert nicht. Kennt jemand den richtigen Weg, um jQuery Dialog zu aktivieren?

jquery

— Kupplung
quelle

6

wp_enqueue_style( 'wp-jquery-ui-dialog' );

— Tom Auger

3

Stellen Sie außerdem sicher, dass Sie die Klasse 'wp-dialog' zum Dialog selbst hinzufügen, damit diese Stile genutzt werden können. Sie sind allerdings ziemlich hässlich. Könnte sowieso besser dran sein, die Themenstile der jQuery-Benutzeroberfläche zu verwenden.

— Tom Auger

8

jquery-ui-dialogIn WordPress ist kein Stil definiert. Nach dem Auspacken müssen Sie die Stylesheets manuell bearbeiten, wenn ich den jQuery-UI-Stil in die Warteschlange stellen musste, den ich aus dem Google API-CDN gezogen habe

wp_enqueue_style('jquery-style', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css');

Sie können jedoch eine lokale Kopie in die Warteschlange stellen, wenn Sie dies möchten:

wp_enqueue_style( 'myStylesheet', WP_PLUGIN_URL . '/path/stylesheet.css' );

— Bainternet
quelle

6

Wie das OP hervorhob, wird WP3.x jedoch sofort mit jquery-ui-dialog.css ausgeliefert wp-includes/css/. Seltsam, dass das Stylesheet nicht standardmäßig registriert wird. wp_enqueue_style( 'wp-jquery-ui-dialog' );stellt es perfekt in die Warteschlange.

— Tom Auger

0

Sie können den jquery-ui-dialog-Stil in das Frontend einfügen, indem Sie:

wp_enqueue_style( 'wp-jquery-ui-dialog' );

— Mimarcel
quelle