2011-03-08 21 views
5

मेरे पास निम्न स्क्रिप्ट है जो काम नहीं करती है। यह jQuery टैब का उपयोग होना चाहिए, लेकिन लिंक किसी कारण के लिए टैब में रूपांतरित न:jquery ui टैब काम नहीं कर रहे हैं

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Untitled Page</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
    <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> 

    <script type="text/javascript" language="javascript"> 
     $(document).ready(function(){ 
      $("#tabs").tabs(); 
     }); 
    </script> 

</head> 
<body> 

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
     <li><a href="#tabs-3">Aenean lacinia</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, </p> 
    </div> 
    <div id="tabs-2"> 
     <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus </p> 
    </div> 
    <div id="tabs-3"> 
     <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. </p> 
    </div> 
</div> 
</body> 
</html> 
+2

क्या आपने सभी 'सीएसएस' शामिल किए थे? – diEcho

+0

हां, कृपया उपरोक्त संपादित प्रश्न देखें। – oshirowanen

उत्तर

0

jsfiddle पर अपने दस्तावेज़ के लिए, आप प्रारूप कि फिडल उम्मीद में अपने पृष्ठ में प्रवेश करने की जरूरत है। HTML पैनल में केवल HTML और जावास्क्रिप्ट पैनल में केवल जेएस। आपके एचटीएमएल में केवल शरीर तत्व के अंदर क्या शामिल होना चाहिए। आपके जेएस में केवल स्क्रिप्ट टैग के अंदर क्या शामिल होना चाहिए। आपको डॉक्टरेट, बॉडी या एचटीएमएल तत्वों को शामिल नहीं करना चाहिए। आपको स्क्रिप्ट टैग को स्वयं शामिल नहीं करना चाहिए। यहां दस्तावेज़ देखें: http://doc.jsfiddle.net/basic/introduction.html#entering-code। यदि आप ऐसा करते हैं तो कोड काम करेगा।

एक बार ऐसा करने के बाद, आपको केवल सही सीएसएस को शामिल/संदर्भित करने की आवश्यकता है जो स्टाइल करता है और यह एक टैबड इंटरफ़ेस के रूप में प्रदर्शित होगा। अपने स्टैंडअलोन दस्तावेज़ के लिए, यह सब कुछ करने की जरूरत है।

+0

जो कोड आप मूल प्रश्न में देखते हैं वह वह कोड है जिसका मैं अपने व्यक्तिगत सर्वर पर उपयोग कर रहा हूं और यह काम नहीं करता है। – oshirowanen

+3

@oshirowanen - ऐसा इसलिए है क्योंकि सीएसएस के लिए यूआरएल गलत है। Http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css - या कुछ अन्य थीम आज़माएं। Http://jsfiddle.net/Cv5AY/7/ देखें कि मैंने उस कोड को फ्रेड के इनपुट नियमों को फिट करने के लिए अपने कोड को संशोधित करने के अलावा संसाधन के रूप में जोड़ा है। – tvanfosson

+0

यह ओपी से सवाल का जवाब नहीं देता है। – 8bitjunkie

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