2013-02-15 3 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 включает плагин аккордеона? –

+0

Убедитесь, что путь к файлу ядра jQuery и файлу jQuery UI верны. Посмотрите Firebug или какой-нибудь другой консольный инструмент, чтобы убедиться, что они загружаются. –

+0

благодарит Ричарда, исправил его :) – chuckfinley

ответ

21

Эта проблема может возникнуть в нескольких различных вещей:

  • Вы не включая библиотеку JQuery UI.
  • Вы в том числе библиотеки JQuery UI над включением библиотеки JQuery
  • Путь к JQuery UI и JQuery библиотеки может быть неправильно
  • Вы используете пользовательскую библиотеку JQuery UI, который не имеет гармошку

с первых двух не относятся к вам, я бы рекомендовал тройной проверки пути и используя полную библиотеку JQuery UI вместо обычая один:

<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> 
1

в ваших последних строках кода, включить сценарий в ниже порядке: -

Там нет необходимости включать ниже, как это будет позаботились об этих сценариях.

6

Использование т wo jquery.js файлы могут вызвать конфликт и привести к ошибке. Избегайте импорта двух или более файлов jquery.js.

0

Порядок файлов js имеет значение!

/external/jquery/jquery.js should be listed above jquery-ui.js! 
Смежные вопросы