CSS ne tire pas pour la boîte de dialogue jQuery UI

9

Je veux ajouter un modal de dialogue jQuery à une page de formulaire. Lorsque la boîte de dialogue est déclenchée, je vois le contenu du texte mais sans CSS. Je tire dans le jquery dans le functions.php pour la page:

wp_enqueue_script('jquery-ui-dialog');

Le jquery css (jquery-ui-dialog.css) se trouve dans mon répertoire wp-includes / css. J'ai essayé d'ajouter

wp_enqueue_style('jquery-ui-dialog');

mais ça ne marche pas. Quelqu'un sait-il comment activer la boîte de dialogue jQuery?

jquery Embrayage
la source
6
wp_enqueue_style( 'wp-jquery-ui-dialog' );
Tom Auger
3
Assurez-vous également d'ajouter la classe 'wp-dialog' à la boîte de dialogue elle-même, afin qu'elle puisse tirer parti de ces styles. Mais ils sont plutôt laids. Il serait peut-être préférable d'utiliser les styles sur le thème jQuery UI de toute façon.
Tom Auger

Réponses:

8

Aucun jquery-ui-dialogstyle n'est défini dans WordPress Hors de la boîte, vous devez utiliser les feuilles de style manuellement, lorsque j'ai eu besoin de mettre en file d'attente le style jQuery-UI, je l'ai retiré de Google api CDN

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

mais vous pouvez mettre en file d'attente une copie locale si vous voulez comme ceci:

wp_enqueue_style( 'myStylesheet', WP_PLUGIN_URL . '/path/stylesheet.css' );
Bainternet
la source
6
Mais, comme l'OP l'a souligné, WP3.x est livré avec jquery-ui-dialog.css hors de la boîte wp-includes/css/. Étrange que la feuille de style ne soit pas enregistrée par défaut. wp_enqueue_style( 'wp-jquery-ui-dialog' );les files d'attente parfaitement.
Tom Auger
0

Vous pouvez inclure le style jquery-ui-dialog dans l'interface en utilisant:

wp_enqueue_style( 'wp-jquery-ui-dialog' );
mimarcel
la source