web-dev-qa-db-fra.com

jQuery UI: TypeError: $ (...). l'accordion n'est pas une fonction

Pour une raison quelconque, jQuery UI Accordion ne fonctionne pas. Je reçois toujours cette erreur:

TypeError: $ (...). L'accordéon n'est pas une fonction

Qu'est-ce que je fais mal? Sur la base d'autres réponses sur ce site sur des sujets similaires, je pense que cela a quelque chose à voir avec les fichiers inclus.

Mon en-tête comprend:

<!-- 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">
javascriptjqueryjquery-uijquery-ui-accordion
17
chuckfinley

Ce problème peut provenir de plusieurs choses différentes:

  • Vous n'incluez pas la bibliothèque d'interface utilisateur jQuery.
  • Vous incluez la bibliothèque jQuery UI au-dessus de l'inclusion de la bibliothèque jQuery
  • Le chemin d'accès à l'interface utilisateur jQuery et aux bibliothèques jQuery est peut-être incorrect
  • Vous utilisez une bibliothèque d'interface utilisateur jQuery personnalisée qui n'a pas d'accordéon

Étant donné que les deux premiers ne s'appliquent pas à vous, je recommanderais de vérifier le chemin et d'utiliser une bibliothèque d'interface jQuery complète au lieu de la bibliothèque personnalisée:

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

Utilisation de deux jquery.js les fichiers peuvent provoquer un conflit et entraîner une erreur. Évitez d'importer deux ou plusieurs jquery.js des dossiers.

8
Vivek España

L'ordre des fichiers js est important!

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

dans vos dernières lignes de code, incluez le script dans l'ordre ci-dessous: -

Il n'est pas nécessaire d'inclure ce qui suit, car il sera pris en charge par les scripts ci-dessus.

1
AKS