CSS không kéo vào hộp thoại UI UI

9

Tôi muốn thêm một phương thức hộp thoại jQuery vào một trang mẫu. Khi hộp thoại được kích hoạt tôi thấy nội dung văn bản nhưng không có CSS. Tôi đang sử dụng jquery trong hàm.php cho trang:

wp_enqueue_script('jquery-ui-dialog');

Css jquery (jquery-ui-hộp.css) nằm trong thư mục wp-gồm / css của tôi. Tôi đã thử thêm

wp_enqueue_style('jquery-ui-dialog');

nhưng nó không hoạt động. Có ai biết cách thích hợp để kích hoạt Hộp thoại jQuery không.

jquery

— Ly hợp
nguồn

6

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

— Tom Auger

3

Ngoài ra, hãy đảm bảo rằng bạn thêm lớp 'wp-hộp thoại' vào chính hộp thoại, để nó có thể tận dụng các kiểu đó. Chúng khá xấu xí. Có thể tốt hơn hết là sử dụng các kiểu theo chủ đề UI UI.

— Tom Auger

8

Không có jquery-ui-dialogkiểu nào được định nghĩa trong WordPress Out of the box, bạn cần phải tạo ra các bảng định kiểu theo cách thủ công, khi tôi cần liệt kê kiểu jQuery-UI tôi đã lấy nó từ google api CDN

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

nhưng bạn có thể ghi lại một bản sao địa phương nếu bạn muốn như thế này:

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

— Mạng internet
nguồn

6

Nhưng, như OP đã chỉ ra, WP3.x xuất xưởng với jquery-ui-hộp.css ra khỏi hộp wp-includes/css/. Điều kỳ lạ là bản định kiểu sẽ không được đăng ký theo mặc định. wp_enqueue_style( 'wp-jquery-ui-dialog' );xếp hàng hoàn hảo

— Tom Auger

0

Bạn có thể bao gồm kiểu jquery-ui-hộp thoại ở lối vào bằng cách sử dụng:

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

— mimarcel
nguồn