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

Respostas:

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