CSS tidak menarik untuk dialog UI jQuery

9

Saya ingin menambahkan modal dialog jQuery ke halaman formulir. Ketika kotak dialog dipicu saya melihat konten teks tetapi tanpa CSS. Saya menarik jquery di functions.php untuk halaman:

wp_enqueue_script('jquery-ui-dialog');

Css jquery (jquery-ui-dialog.css) berada di bawah direktori wp-include / css saya. Saya mencoba menambahkan

wp_enqueue_style('jquery-ui-dialog');

tapi itu tidak berhasil. Adakah yang tahu cara yang tepat untuk mengaktifkan Dialog jQuery.

jquery

— Kopling
sumber

6

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

— Tom Auger

3

Pastikan juga Anda menambahkan kelas 'wp-dialog' ke dialog itu sendiri, sehingga dapat memanfaatkan gaya-gaya tersebut. Mereka cukup jelek. Mungkin lebih baik menggunakan gaya bertema jQuery UI.

— Tom Auger

8

Tidak ada jquery-ui-dialoggaya yang ditentukan di WordPress Out of the box, Anda perlu ue stylesheet secara manual, ketika saya perlu untuk enqueue gaya jQuery-UI saya menariknya dari google api CDN

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

tetapi Anda dapat membuat salinan lokal jika ingin seperti ini:

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

— Bainternet
sumber

6

Tapi, seperti yang ditunjukkan OP, WP3.x tidak menyertakan jquery-ui-dialog.css wp-includes/css/. Aneh bahwa stylesheet tidak akan terdaftar secara default. wp_enqueue_style( 'wp-jquery-ui-dialog' );mengantri dengan sempurna.

— Tom Auger

0

Anda dapat menyertakan gaya dialog jquery-ui-dialog di frontend menggunakan:

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

— mimarcel
sumber