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

Odpowiedzi:

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