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

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