CSS не тянет за диалоговое окно jQuery UI

9

Я хочу добавить модальное диалоговое окно jQuery на страницу формы. Когда открывается диалоговое окно, я вижу текстовое содержимое, но без CSS. Я вытягиваю jquery в functions.php для страницы:

wp_enqueue_script('jquery-ui-dialog');

Jquery css (jquery-ui-dialog.css) находится в моем каталоге wp-includes / css. Я пытался добавить

wp_enqueue_style('jquery-ui-dialog');

но это не работает. Кто-нибудь знает правильный способ включить диалог JQuery.

jquery сцепление
источник
6
wp_enqueue_style( 'wp-jquery-ui-dialog' );
Том Ожер
3
Также убедитесь, что вы добавили класс «wp-dialog» к самому диалогу, чтобы он мог воспользоваться этими стилями. Они довольно уродливы, хотя. В любом случае, лучше использовать стили в стиле jQuery UI.
Том Ожер

Ответы:

8

В jquery-ui-dialogWordPress не определено ни одного стиля. Вам нужно вручную использовать таблицы стилей, когда мне нужно было поставить в очередь стиль jQuery-UI, который я вытащил из google api CDN

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

но вы можете поставить локальную копию в очередь, если хотите так:

wp_enqueue_style( 'myStylesheet', WP_PLUGIN_URL . '/path/stylesheet.css' );
Bainternet
источник
6
Но, как указал OP, WP3.x поставляется с jquery-ui-dialog.css из коробки в wp-includes/css/. Странно, что таблица стилей не будет зарегистрирована по умолчанию. wp_enqueue_style( 'wp-jquery-ui-dialog' );ставит его в очередь идеально.
Том Ожер
0

Вы можете включить стиль jquery-ui-dialog во внешний интерфейс, используя:

wp_enqueue_style( 'wp-jquery-ui-dialog' );
mimarcel
источник