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

Jawaban:

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