CSS не запускається для діалогового вікна інтерфейсу jQuery

9

Я хочу додати модальний діалог jQuery на сторінку форми. Після запуску діалогового вікна я бачу текстовий вміст, але без CSS. Я втягую jquery в function.php для сторінки:

wp_enqueue_script('jquery-ui-dialog');

Jquery css (jquery-ui-dialog.css) знаходиться в моєму каталозі wp-include / 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-dialogстилю, визначеного в WordPress З-під поля, вам потрібно вручну подати таблиці стилів, коли мені потрібно було передати стиль 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' );

— Бейнтернет
джерело

6

Але, як зазначає ОП, WP3.x поставляється з jquery-ui-dialog.css поза коробкою wp-includes/css/. Дивно, що таблиця стилів не була зареєстрована за замовчуванням. wp_enqueue_style( 'wp-jquery-ui-dialog' );в черзі ідеально.

— Том Ожер

0

Ви можете включити діалог jquery-ui-діалогове вікно у передній частині, використовуючи:

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

— мімарсель
джерело