CSS nie pobiera okna dialogowego interfejsu użytkownika jQuery

9

Chcę dodać modalne okno dialogowe jQuery do strony formularza. Po uruchomieniu okna dialogowego widzę treść tekstu, ale bez CSS. Wciągam jquery w functions.php dla strony:

wp_enqueue_script('jquery-ui-dialog');

Plik jquery css (jquery-ui-dialog.css) znajduje się w moim katalogu wp-obejmuje / css. Próbowałem dodać

wp_enqueue_style('jquery-ui-dialog');

ale to nie działa. Czy ktoś zna właściwy sposób włączenia okna dialogowego jQuery.

jquery

— Sprzęgło
źródło

6

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

— Tom Auger

3

Upewnij się także, że dodałeś klasę „wp-dialog” do samego okna dialogowego, aby mogła skorzystać z tych stylów. Są jednak dość brzydcy. Może i tak lepiej użyć stylów interfejsu użytkownika jQuery.

— Tom Auger

8

W jquery-ui-dialogWordPress nie ma zdefiniowanego stylu. Po wyjęciu z pudełka musisz ręcznie korzystać z arkuszy stylów, kiedy potrzebowałem kolejkować styl jQuery-UI, ściągnąłem go z Google api CDN

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

ale możesz umieścić w kolejce lokalną kopię, jeśli chcesz:

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

— Bainternet
źródło

6

Ale, jak wskazał PO, WP3.x jest dostarczane z jquery-ui-dialog.css po wyjęciu z pudełka wp-includes/css/. Dziwne, że arkusz stylów nie zostanie domyślnie zarejestrowany. wp_enqueue_style( 'wp-jquery-ui-dialog' );ustawia się w kolejce idealnie.

— Tom Auger

0

Możesz dołączyć styl interfejsu jquery-ui-dialog do interfejsu użytkownika, używając:

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

— mimarcel
źródło