/ / कैसे काम करने के लिए jquery यूआई टैब प्राप्त करने के लिए? - jquery, सीएसएस

Jquery UI टैब काम कैसे प्राप्त करें? - jquery, सीएसएस

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

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

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

उत्तर:

उत्तर № 1 के लिए 6

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

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


जवाब के लिए 12 № 2

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

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

.ui-tabs-hide
{
display: none
}

जवाब के लिए 3 № 3

मुझे वही समस्या थी जिसके कारण मैं यहाँ हूँ और इस समस्या को खोजने में कुछ समय लगा। सीक्वल के साथ kincnakakis उत्तर के लिए धन्यवाद, मुझे स्रोत कोड में JqueryUI पृष्ठ पर यह सीएसएस मिला:

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

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


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