2013-02-15 18 views
13

किसी कारण से jQuery UI Accordion काम नहीं करता है। मुझे यह त्रुटि मिल रही है:

TypeError: $(...).accordion is not a function

मैं क्या गलत कर रहा हूं? इसी तरह के विषयों पर इस साइट पर अन्य उत्तरों के आधार पर, मुझे लगता है कि इसमें शामिल फ़ाइलों के साथ कुछ करना है।

मेरा शीर्ष लेख शामिल हैं:

<!-- Mobile Specific Metas --> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

<!-- CSS --> 
<link rel="stylesheet" href="<?php echo base_url(); ?>css/base_con.css"> 
<link rel="stylesheet" href="<?php echo base_url(); ?>css/skeleton.css"> 
<link rel="stylesheet" href="<?php echo base_url(); ?>css/layout.css"> 

<!--[if lt IE 8]> 
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script> 
<![endif]--> 

<!--[if lt IE 9]> 
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

<!-- Favicons --> 
<link rel="shortcut icon" href="<?php echo base_url(); ?>images/favicon.ico"> 
<link rel="apple-touch-icon" href="<?php echo base_url(); ?>images/apple-touch-icon.png"> 
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> 
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> 
<link rel="stylesheet" href="<?php echo base_url(); ?>css/custom-theme/jquery-ui-1.10.0.custom.css" type="text/css" /> 

<!-- Scripts --> 
<script src="<?php echo base_url(); ?>js/jquery-1.9.0.js"></script> 
<script src="<?php echo base_url(); ?>js/jquery-ui-1.10.0.custom.js"></script> 
<script src="<?php echo base_url(); ?>js/responsiveslides.min.js" type="text/javascript"> 
+1

क्या आपके कस्टम jqueryui वास्तव में accordion प्लगइन शामिल है? –

+0

सुनिश्चित करें कि आपकी jQuery कोर फ़ाइल और jQuery UI फ़ाइल का पथ सही है। यह सुनिश्चित करने के लिए कि लोड लोड हो रहा है, फ़ायरबग या कुछ अन्य कंसोल टूल में एक नज़र डालें। –

+0

धन्यवाद रिचर्ड, इसे ठीक किया :) – chuckfinley

उत्तर

21

यह समस्या अलग अलग बातें की एक जोड़ी से उत्पन्न हो सकते हैं:

  • आप jQuery यूआई पुस्तकालय सहित नहीं हैं।
  • आप
  • jQuery यूआई और jQuery पुस्तकालयों के लिए पथ
  • आप एक कस्टम jQuery यूआई पुस्तकालय का उपयोग कर रहे गलत हो सकता है jQuery पुस्तकालय के शामिल किए जाने कि एक अकॉर्डियन
नहीं है इसके बाद के संस्करण jQuery यूआई पुस्तकालय भी शामिल कर रहे

पहले दो के बाद से आप पर लागू नहीं है, मैं पथ ट्रिपल जाँच और बजाय एक पूर्ण jQuery यूआई लाइब्रेरी का उपयोग कर कस्टम एक की सिफारिश करेंगे:

<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> 
1
अपने पिछले कोड लाइनों में

, ताकि नीचे में स्क्रिप्ट शामिल हैं: -

के रूप में यह हो जाएगा नीचे शामिल करने के लिए कोई जरूरत नहीं है उपरोक्त स्क्रिप्ट द्वारा देखभाल की गई।

6

टी का उपयोग करना wo jquery.js फाइलें एक संघर्ष कर सकती हैं और परिणामस्वरूप एक त्रुटि में फेंक दिया जा सकता है। दो या अधिक jquery.js फ़ाइलों को आयात करने से बचें।

0

जेएस फाइलों का क्रम मायने रखता है!

/external/jquery/jquery.js should be listed above jquery-ui.js! 
संबंधित मुद्दे