jquery ui टैब कैसे काम कर रहे हैं?

Question

http://docs.jquery.com/UI/Tabs#Example पर JQuery UI टैब का उपयोग करने का एक छोटा HTML उदाहरण है।

• मैंने HTML को स्थानीय अनुक्रमणिका.htm फ़ाइल में रखा है।
• मैंने सभी सीएसएस और जावास्क्रिप्ट फ़ाइलों को डाउनलोड किया, और उन्हें स्थानीय फाइलों में सहेजा:
• लेकिन सबसे नज़दीक मैं टैब में किसी भी रंग के बिना एक ही उदाहरण प्राप्त कर सकता हूं।
• मैंने छवियों के लिए चारों ओर देखा है, आदि लेकिन कोई भी नहीं मिला।
• मैं सीएसएस फ़ाइल से बाहर सबकुछ भी प्राप्त कर सकता हूं जो मैं अपने सर्वर से निकलता हूं और फिर यह काम करता है, इसलिए यह सीएसएस फ़ाइल में कुछ है जो मुझे नहीं मिल रहा है।

मैं ऑनलाइन सीएसएस फ़ाइल में स्थानीय रूप से प्रतिलिपि नहीं बना रहा हूं? क्या किसी ने इस JQuery UI टैब को काम करने के लिए प्राप्त किया है और एक ज़िप फ़ाइल है जो स्थानीय रूप से काम करती है?

Answer 1

यूआई टैब काम करने के लिए आपको कुछ सीएसएस की आवश्यकता है। दस्तावेज न्यूनतम आवश्यक बताता है।

उदाहरण थीम के साथ आपके पास समस्या यह है क्योंकि सीएसएस फ़ाइल अन्य सीएसएस फ़ाइलों का संदर्भ देती है। आपको उन्हें स्थानीय रूप से कॉपी करने की आवश्यकता है। आपको थीम/फ्लोरा/i फ़ोल्डर के नीचे एक छवि की भी आवश्यकता है।

Answer 2

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

आपको कक्षा .ui-tabs-hide को परिभाषित करने की आवश्यकता है ताकि यह तत्व को छुपा सके। मूल रूप से jQuery इसे तत्वों को छिपाने के लिए इसका उपयोग करता है, इसे मैन्युअल रूप से प्रदर्शन के साथ करने के बजाय: कोई नहीं। इसका कारण यह है कि यह आपके डिस्प्ले की डिफ़ॉल्ट सेटिंग में गड़बड़ नहीं करता है, जो ब्लॉक, इनलाइन या कुछ भी हो सकता है। कक्षा को जोड़कर और हटाकर यह आपको अधिक नियंत्रण देता है।

.ui-tabs-hide 
{ 
    display: none 
} 

Answer 3

मैं एक ही समस्या है, जिसके कारण मैं यहाँ हूँ था और यह कुछ समय लिया समस्या खोजने के लिए।

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/base/jquery-ui.css" type="text/css" media="all" /> 

उदाहरण के लिए इस तरह आपका मुख्य सीएसएस पहले जोड़ने:

kgiannakakis के लिए धन्यवाद सीएसएस मैं स्रोत कोड में इस सीएसएस jQueryUI पृष्ठ पर पाई का जवाब

और फिर आपको ठीक होना चाहिए - यह मेरे लिए काम करता है।