2010-04-01 14 views
17

मैं पहली बार थीमरोलर थीम के साथ jQuery UI स्थापित करने का प्रयास कर रहा हूं। मैंने jquery 1.4.2 डाउनलोड किया है ... मैंने कुछ विषयों के साथ jQuery UI डाउनलोड किया है। मैंने निर्देशों का पालन करने की कोशिश की है लेकिन वे विरोधाभासी प्रतीत होते हैं और डाउनलोड की गई फ़ाइलों से संबंधित प्रतीत नहीं होते हैं।jQuery यूआई थीमरोलर - थीम इंस्टॉल करना

जब मैं डेटपिकर का उपयोग करने का प्रयास करता हूं ... डेटपिकर कार्यक्षमता काम करती है, लेकिन इसमें डिफ़ॉल्ट (ग्रे) शैली होती है।

This page एक फ़ोल्डर/उप-फ़ोल्डर/सीएसएस फाइलों को संदर्भित करता है जो मौजूद नहीं हैं। यह पृष्ठ एक ui.theme.css फ़ाइल को संदर्भित करता है जो मौजूद नहीं है।

डाउनलोड मैं प्राप्त शामिल निम्नलिखित:

--development-bundle 
---demos 
----docs 
----external 
----themes 
------base 
------Redmond 
----ui 
------i8n 
------minified 
--js 

तो क्या आप रखूँ कहाँ? मैंने जेएस को उचित निर्देशिका में कॉपी किया है और इसे मेरे पेज से लिंक किया है। और मैंने विषयों/मूल फ़ोल्डर को भी कॉपी किया, और jquery.ui.all.css फ़ाइल में लिंक किया। यहां तक ​​कि शामिल डेमो केवल डिफ़ॉल्ट (ग्रे) स्टाइल प्रदर्शित करते हैं।

मैं गलत कहां जा रहा हूं?

संपादित करें:

क्षमा करें, मैं वास्तव में रेडमंड पहले की कोशिश की, लेकिन जब यह काम नहीं किया, मैं चिकनाई की कोशिश की (एक यादृच्छिक चयन का एहसास -didn't यह ग्रे एक था)। मुझे प्रत्येक के लिए एक ही परिणाम मिलते हैं - ग्रे। [भी सुधारा फ़ोल्डर संरचना ऊपर]

संपादित करें 2: ठीक है, मैं यह समझ गए होंगे .... प्रारंभिक चिकनाई या रेडमंड डाउनलोड की न तो एक सीएसएस फ़ोल्डर था (के रूप में से देखा जा सकता है संरचना मैंने ऊपर वर्णित)। इन दोनों विषयों को एक-दूसरे के मिनटों में डाउनलोड किया गया था और अलग-अलग फ़ाइल आकार हैं)। मैंने अभी कर्टर्टिनो डाउनलोड करने का प्रयास किया है, जिसमें एक सीएसएस फ़ोल्डर है - जब मैं इसे अपने ऐप पर कॉपी करता हूं, तो मुझे उचित स्टाइल मिलती है।

तो मैं फिर से रेडमंड को डाउनलोड करने की कोशिश की, और लो और निहारना - यह भी अब एक सीएसएस फ़ोल्डर ... अगर मैं एक ही विषय में दो बार डाउनलोड कर दिए हैं मैंने सोचा है, लेकिन वे अलग अलग टाइम स्टांप और विभिन्न फ़ाइल आकार है ... मैं चकरा गया हूं। शायद jQuery सर्वर बस एक मस्तिष्क-फार्ट था!

आज सोने का सितारा मुझे jquery-ui-1.8.custom.css के निशान पर रखने के लिए निकल जाता है, जिसने अंततः मेरे एपिफेनी का नेतृत्व किया!

संपादित करें 3:

मैं सिर्फ प्रारंभ और मानवता को डाउनलोड करने शुरू कर दिया है - दोनों ज़िप फ़ाइलों करते एक सीएसएस फ़ोल्डर नहीं!

आगे बढ़ना, यह I might not be crazy after all लगता है।

+0

तो, क्या आपने बस मूल फ़ोल्डर में अपनी कस्टम थीम सामग्री इंस्टॉल की है? –

उत्तर

17

आप अपने दिमाग में इस लिंक को बदलने की जरूरत है, यह इस प्रारूप में होना चाहिए:

<link rel="Stylesheet" href="/css/MY_THEME_HERE/jquery-ui-1.8.custom.css" /> 

उदाहरण के लिए, यदि आप डाउनलोड की रेडमंड विषय होगा:

<link rel="Stylesheet" href="/css/redmond/jquery-ui-1.8.custom.css" /> 

आप जो भी विषय जब डाउनलोड किया गया तो इस पथ पर ज़िप में शामिल किया जाना चाहिए। यदि आपने कस्टम थीम बनाई है, तो यह होगा:

<link rel="Stylesheet" href="/css/custom-theme/jquery-ui-1.8.custom.css" /> 
+0

jquery-ui-1.8.custom.css फ़ाइल वास्तव में जेएस उप-फ़ोल्डर में है, लेकिन मैंने इसे कॉपी किया है (और यूआई जेएस फ़ाइल) एक और फ़ोल्डर - मेरा सीएसएस लिंक सही है। – CJM

+0

अंतिम टिप्पणी स्क्रैच करें - मुझे लगता है कि मैं अपनी टोपी से बात कर रहा हूं। मैं जांच करूंगा ... :) – CJM

+2

@ सीजेएम - ये सीडीएन भी होस्ट किए गए हैं, उदाहरण के लिए Google से रेडमंड खींचने के लिए अपनी स्टाइलशीट लिंक को बदलें: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8 /themes/redmond/jquery-ui.css –

0

चिकनाई एक ग्रे थीम है - क्या आप सुनिश्चित हैं कि यह सही ढंग से सेटअप नहीं है? हो सकता है कि अधिक रंगीन थीम में से एक आज़माएं और देखें कि यह उनके साथ मेल खाता है या नहीं।

+0

क्षमा करें - मैंने वास्तव में पहले रेडमंड की कोशिश की - एक ही परिणाम (ऊपर देखें) – CJM

0

चिकनाई आपको "डिफ़ॉल्ट" जेरी थीम है जब आप jquery ui डाउनलोड करते हैं। जब आप अपनी थीम को रोल करते हैं तो सीएसएस निर्देशिका में "कस्टम" निर्देशिका होनी चाहिए जिसमें आपकी लुढ़का थीम हो।

क्या आप वाकई कस्टम या किसी अन्य थीम के बजाय jqueryUI डाउनलोड करते समय चिकनीता तमेम का चयन नहीं किया है?

कभी-कभी, जब आप थीम बदलते हैं तो आपको परिवर्तन देखने के लिए वास्तव में पृष्ठ (f5) को पुनः लोड करने की आवश्यकता होती है।

संबंधित मुद्दे