CSS não está sendo exibido na caixa de diálogo jQuery UI

9

Eu quero adicionar um modal de diálogo jQuery a uma página de formulário. Quando a caixa de diálogo é acionada, vejo o conteúdo do texto, mas sem CSS. Estou puxando o jquery no functions.php para a página:

wp_enqueue_script('jquery-ui-dialog');

O jquery css (jquery-ui-dialog.css) está no meu diretório wp-includes / css. Eu tentei adicionar

wp_enqueue_style('jquery-ui-dialog');

mas não funciona. Alguém sabe a maneira correta de ativar o jQuery Dialog.

jquery

— Embreagem
fonte

6

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

— Tom Auger

3

Também certifique-se de adicionar a classe 'wp-dialog' à própria caixa de diálogo, para que ela possa tirar proveito desses estilos. Eles são muito feios. Pode ser melhor usar os estilos temáticos da UI do jQuery de qualquer maneira.

— Tom Auger

8

Não há nenhum jquery-ui-dialogestilo definido no WordPress Pronto para uso , você precisa usar as folhas de estilo manualmente, quando eu precisava enfileirar o estilo jQuery-UI que eu peguei do google api CDN

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

mas você pode enfileirar uma cópia local se desejar:

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

— Bainternet
fonte

6

Mas, como o OP apontou, o WP3.x é enviado com o jquery-ui-dialog.css fora da caixa wp-includes/css/. Estranho que a folha de estilo não seja registrada por padrão. wp_enqueue_style( 'wp-jquery-ui-dialog' );enfileira perfeitamente.

— Tom Auger

0

Você pode incluir o estilo jquery-ui-dialog no frontend usando:

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

— mimarcel
fonte