CSS non viene visualizzato per la finestra di dialogo dell'interfaccia utente di jQuery

9

Voglio aggiungere una finestra di dialogo jQuery modale a una pagina del modulo. Quando viene attivata la finestra di dialogo, vedo il contenuto del testo ma senza CSS. Sto inserendo il jquery nel function.php per la pagina:

wp_enqueue_script('jquery-ui-dialog');

Jquery css (jquery-ui-dialog.css) è nella mia directory wp-Includes / css. Ho provato ad aggiungere

wp_enqueue_style('jquery-ui-dialog');

ma non funziona. Qualcuno conosce il modo corretto di abilitare jQuery Dialog.

jquery

— Frizione
fonte

6

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

— Tom Auger,

3

Assicurati anche di aggiungere la classe 'wp-dialog' alla finestra di dialogo stessa, in modo che possa sfruttare questi stili. Sono piuttosto brutti però. Potrebbe essere comunque meglio usare gli stili a tema dell'interfaccia utente jQuery.

— Tom Auger,

8

Non esiste uno jquery-ui-dialogstile definito in WordPress Pronto all'uso, è necessario creare manualmente i fogli di stile, quando ho bisogno di accodare lo stile jQuery-UI l'ho estratto da google api CDN

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

ma puoi accodare una copia locale se vuoi in questo modo:

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

— Bainternet
fonte

6

Ma, come ha sottolineato l'OP, WP3.x viene fornito con jquery-ui-dialog.css fuori dalla scatola wp-includes/css/. Strano che il foglio di stile non sia registrato per impostazione predefinita. wp_enqueue_style( 'wp-jquery-ui-dialog' );mette in coda perfettamente.

— Tom Auger,

0

Puoi includere lo stile jquery-ui-dialog nel frontend usando:

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

— mimarcel
fonte