JQuery UI: TypeError: $(...). Аккордеон не является функцией

По какой-то причине jQuery UI Accordion не работает. Я продолжаю получать эту ошибку:

TypeError: $(...). Аккордеон не является функцией

Что я делаю неправильно? Основываясь на других ответах на этом сайте по подобным темам, я думаю, что это имеет какое-то отношение к включенным файлам.

Мой заголовок включает:

<!-- 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

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

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

Так как первые два не относятся к вам, я бы рекомендовал тройную проверку пути и использование полной библиотеки пользовательского интерфейса jQuery вместо пользовательской:

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

Ответ 2

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

Ответ 3

в ваших последних строках кода, включите script в следующем порядке: -

 

Нет необходимости включать нижеследующее, так как оно будет рассмотрено выше.

Ответ 4

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

/external/jquery/jquery.js should be listed above jquery-ui.js!