CSS ไม่ดึงสำหรับไดอะล็อก jQuery UI

9

ฉันต้องการเพิ่ม modal dialog jQuery ในหน้าแบบฟอร์ม เมื่อมีการเปิดกล่องโต้ตอบฉันจะเห็นเนื้อหาข้อความ แต่ไม่มี CSS ฉันดึง jquery ใน functions.php สำหรับหน้า:

wp_enqueue_script('jquery-ui-dialog');

jquery css (jquery-ui-dialog.css) อยู่ภายใต้ไดเรกทอรี wp-include / css ของฉัน ฉันพยายามเพิ่ม

wp_enqueue_style('jquery-ui-dialog');

แต่มันไม่ทำงาน ไม่มีใครรู้วิธีที่เหมาะสมในการเปิดใช้งาน jQuery Dialog

jquery

— คลัตช์
แหล่งที่มา

6

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

— Tom Auger

3

ตรวจสอบให้แน่ใจด้วยว่าคุณเพิ่มคลาส 'wp-dialog' ลงในกล่องโต้ตอบเพื่อให้สามารถใช้ประโยชน์จากสไตล์เหล่านั้นได้ พวกเขาค่อนข้างน่าเกลียด อาจจะดีกว่าถ้าใช้สไตล์ธีม jQuery UI อยู่ดี

— Tom Auger

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' );

— Bainternet
แหล่งที่มา

6

แต่เป็น OP ชี้ให้เห็นเรือ WP3.x กับ jQuery-UI-dialog.css wp-includes/css/ออกจากกล่องใน แปลกที่สไตล์ชีทจะไม่ถูกลงทะเบียนโดยค่าเริ่มต้น wp_enqueue_style( 'wp-jquery-ui-dialog' );เข้าคิวอย่างสมบูรณ์

— Tom Auger

0

คุณสามารถรวมสไตล์ jquery-ui-dialog ไว้ข้างหน้าโดยใช้:

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

— mimarcel
แหล่งที่มา