CSS не подключается к диалоговому окну пользовательского интерфейса jQuery


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

wp_enqueue_script('jquery-ui-dialog');

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

wp_enqueue_style('jquery-ui-dialog');

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

 9
Author: Clutch, 2011-07-13

2 answers

В WordPress нет jquery-ui-dialog стиля, определенного из коробки, вам нужно вручную настроить таблицы стилей, когда мне нужно было поставить в очередь стиль 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' );
 8
Author: Bainternet, 2011-07-13 18:01:41

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

wp_enqueue_style( 'wp-jquery-ui-dialog' );
 0
Author: mimarcel, 2019-01-08 22:20:50