jQuery टैब काम नहीं कर रहे हैं

Question

मैं AJAX टैब कंटेनर को प्रतिस्थापित करने के लिए jQuery टैब को लागू करने का प्रयास कर रहा हूं। मैंने jquery website से कोड का पालन किया है लेकिन मेरे टैब दिखाई नहीं दे रहे हैं। यह डेटा के पूर्ण पृष्ठ को बिना किसी टैब के लोड करता है।

$("#tabs").tabs is not a function

$("#tabs").tabs();

मैं सभी फाइलों की जरूरत के लिए संदर्भ मिल गया है: और Firebug मुझे निम्न त्रुटि बताता

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

और मैं मिल गया है फ़ंक्शन निम्नानुसार निर्दिष्ट है:

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

    </script> 

टैब के लिए कोड इस प्रकार हैं:

div id="tabs"> 
    <ul> 
     <li><a href="#tab-1"><span>Patient Information</span></a></li> 
     <li><a href="#tab-2"><span>Medical History 1 of 3</span></a></li> 
     <li><a href="#tab-3"><span>Medical History 2 of 3</span></a></li> 
     <li><a href="#tab-4"><span>Medical History 3 of 3</span></a></li> 
     <li><a href="#tab-5"><span>Scheduler</span></a></li> 
     <li><a href="#tab-6"><span>Care Plan</span></a></li> 
    </ul> 
<div id="tab-1"> 
</div> 
**Repeats for all tabs through tab-6** 
</div> 

किसी को भी मुझे बता सकते हैं मैं गलत क्या कर रहा हूँ? चूंकि .tabs() फ़ंक्शन काम नहीं कर रहा है, इसलिए पेज लोड हो रहा है -

Answer 1

आपका कोड ठीक काम करता है में http://jsfiddle.net/fJaBa/

Answer 2

कोई jquery विशेषज्ञ नहीं है लेकिन मुझे पता है कि टैब को सही तरीके से काम करने के लिए आपको कुछ सीएसएस की आवश्यकता होगी। क्योंकि उन्हें सापेक्ष तैनात होने की आवश्यकता होगी। अपने कोड की तुलना करने के लिए यह jquery tabs tutorial भी देखें।

Answer 3

क्या यूआई यूआई लिब काम करने के लिए 1.8 उपनाम है? क्या आपने इसके बजाय एक विशिष्ट पूर्ण संस्करण का उपयोग करने की कोशिश की है, जैसे 1.8.16? क्या आप लोड होने के बाद पेज को देख सकते हैं और देख सकते हैं कि jQuery और/या jQuery UI वास्तव में सफलतापूर्वक खींचे गए हैं या नहीं? इस क्रम

<script src="../../jquery-1.7.1.js"></script> 
<script src="../../ui/jquery.ui.core.js"></script> 
<script src="../../ui/jquery.ui.widget.js"></script> 
<script src="../../ui/jquery.ui.tabs.js"></script> 

Answer 4

आप सीएसएस फ़ाइल लिंक करना होगा। एकमात्र चीज जो आप खो रहे हैं वह टैब के लिए सीएसएस है - http://jsfiddle.net/8JX4A/

Answer 5

कोशिश लोड हो रहा है स्क्रिप्ट:

Answer 6

यदि आपके पास एक ही पृष्ठ में एक और jQuery तत्व है तो शायद आपके पास संघर्ष हो। प्रत्येक jQuery तत्व से पहले

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

तब ही बदल i:; jQuery.noConflict();: मैं एक ही समस्या है, इस के साथ प्रयास करें।

Answer 7

$.fn.tabs = function() { 
    var selector = this; 

    this.each(function() { 
     var obj = $(this); 

     $(obj.attr('href')).hide(); 

     $(obj).click(function() { 
      $(selector).removeClass('active'); 

      $(selector).each(function(i, element) { 
       $($(element).attr('href')).hide(); 
      }); 

      $(this).addClass('active'); 

      $($(this).attr('href')).fadeIn(); 

      return false; 
     }); 
    }); 

    $(this).show(); 

    $(this).first().click(); 
}; 

Live Demo Here