CSS no aparece para el diálogo de jQuery UI

9

Quiero agregar un cuadro de diálogo jQuery modal a una página de formulario. Cuando se activa el cuadro de diálogo, veo el contenido del texto pero sin CSS. Estoy tirando de jquery en functions.php para la página:

wp_enqueue_script('jquery-ui-dialog');

El jquery css (jquery-ui-dialog.css) está en mi directorio wp-includes / css. Traté de agregar

wp_enqueue_style('jquery-ui-dialog');

Pero no funciona. ¿Alguien sabe la forma correcta de habilitar jQuery Dialog?

jquery Embrague
fuente
66
wp_enqueue_style( 'wp-jquery-ui-dialog' );
Tom Auger
3
También asegúrese de agregar la clase 'wp-dialog' al cuadro de diálogo en sí, para que pueda aprovechar esos estilos. Sin embargo, son bastante feos. Podría ser mejor usar los estilos temáticos de jQuery UI de todos modos.
Tom Auger

Respuestas:

8

No hay un jquery-ui-dialogestilo definido en WordPress Fuera de la caja, necesita ue las hojas de estilo manualmente, cuando necesitaba poner en cola el estilo jQuery-UI lo saqué de google api CDN

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

pero puedes poner en cola una copia local si quieres así:

wp_enqueue_style( 'myStylesheet', WP_PLUGIN_URL . '/path/stylesheet.css' );
Bainternet
fuente
66
Pero, como señaló el OP, WP3.x se envía con jquery-ui-dialog.css de fábrica wp-includes/css/. Es extraño que la hoja de estilo no se registre por defecto. wp_enqueue_style( 'wp-jquery-ui-dialog' );hace cola perfectamente.
Tom Auger
0

Puede incluir el estilo jquery-ui-dialog en frontend usando:

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