CSS jQuery UI डायलॉग के लिए नहीं खींच रहा है


9

मैं एक jQuery डायलॉग मोडल को एक फॉर्म पेज पर जोड़ना चाहता हूं। जब संवाद बॉक्स चालू हो जाता है तो मुझे पाठ सामग्री दिखाई देती है, लेकिन कोई सीएसएस नहीं। मैं पेज के लिए functions.php में jquery में खींच रहा हूँ:

wp_enqueue_script('jquery-ui-dialog');

Jquery css (jquery-ui-dialog.css) मेरी wp- सीएसएस निर्देशिका के अंतर्गत है। मैंने जोड़ने की कोशिश की

wp_enqueue_style('jquery-ui-dialog');

लेकिन यह काम नहीं करता है। क्या किसी को jQuery के संवाद को सक्षम करने का उचित तरीका पता है।


6
wp_enqueue_style( 'wp-jquery-ui-dialog' );
टॉम ऑस्टर

3
यह भी सुनिश्चित करें कि आप संवाद में 'wp-dialog' वर्ग को ही जोड़ते हैं, इसलिए यह उन शैलियों का लाभ उठा सकता है। वे हालांकि बहुत बदसूरत हैं। वैसे भी jQuery UI थीम्ड शैलियों का उपयोग करना बेहतर हो सकता है।
टॉम ऑस्टर

जवाबों:


8

jquery-ui-dialogवर्डप्रेस आउट में कोई शैली परिभाषित नहीं है बॉक्स से, आपको स्टाइलशीट्स को मैन्युअल रूप से ue करने की आवश्यकता है, जब मुझे 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' );

6
लेकिन, जैसा कि ओपी ने बताया, WP3.x जहाजों के साथ jquery-ui-dialog.css आउट ऑफ बॉक्स हैं wp-includes/css/। अजीब बात है कि स्टाइलशीट डिफ़ॉल्ट रूप से पंजीकृत नहीं होगी। wp_enqueue_style( 'wp-jquery-ui-dialog' );इसे पूरी तरह से कतारबद्ध करें।
टॉम ऑस्टर

0

आप का उपयोग करके फ्रंटएंड में jquery-ui-डायलॉग शैली को शामिल कर सकते हैं:

wp_enqueue_style( 'wp-jquery-ui-dialog' );
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.