javascript - ejemplo - jQuery UI: TypeError: $(…).accordion no es una función
tooltip jquery (4)
Por alguna razón, el jQuery UI Accordion no funciona. Sigo recibiendo este error:
TypeError: $ (...). Accordion no es una función
¿Qué estoy haciendo mal? Basado en otras respuestas en este sitio sobre temas similares, creo que tiene algo que ver con los archivos incluidos.
Mi cabecera incluye son:
<!-- 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">
El orden de los archivos js importa!
/external/jquery/jquery.js should be listed above jquery-ui.js!
El uso de dos archivos jquery.js puede causar un conflicto y provocar un error. Evite importar dos o más archivos jquery.js .
Este problema podría surgir de un par de cosas diferentes:
- No estás incluyendo jQuery UI library.
- Está incluyendo la biblioteca de jQuery UI sobre la inclusión de la biblioteca de jQuery
- La ruta a las bibliotecas jQuery UI y jQuery puede ser incorrecta
- Está utilizando una biblioteca de jQuery UI personalizada que no tiene un acordeón
Dado que los dos primeros no se aplican a usted, le recomendaría que compruebe tres veces la ruta y utilice una biblioteca de interfaz de usuario jQuery completa en lugar de la personalizada:
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
en sus últimas líneas de código, incluya el script en el siguiente orden:
No es necesario incluir lo siguiente, ya que los scripts anteriores lo protegerán.