2013-02-15 10 views
13

Aus irgendeinem Grund funktioniert die jQuery UI Akkordeon nicht. Ich bekomme diesen Fehler immer wieder:

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

Was mache ich falsch? Basierend auf anderen Antworten auf dieser Seite zu ähnlichen Themen, denke ich, dass es etwas mit den enthaltenen Dateien zu tun hat.

Mein Header enthält, sind:

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

Enthält Ihr benutzerdefiniertes jqueryui tatsächlich das Akkordeon-Plugin? –

+0

Stellen Sie sicher, dass der Pfad zu Ihrer jQuery-Kerndatei und jQuery-UI-Datei korrekt ist. Werfen Sie einen Blick auf Firebug oder ein anderes Konsolenwerkzeug, um sicherzustellen, dass sie geladen werden. –

+0

Danke Richard, repariere es :) – chuckfinley

Antwort

21

könnte dieses Problem von ein paar verschiedene Dinge entstehen:

  • Sie sind mit jQuery UI-Bibliothek nicht.
  • Sie sind wie jQuery UI-Bibliothek über die Aufnahme von jQuery-Bibliothek
  • Der Pfad zu jQuery UI und jQuery Bibliotheken könnten
  • Sie verwenden eine benutzerdefinierte jQuery UI-Bibliothek, die nicht ein Akkordeon hat
falsch

Da die ersten beiden gelten nicht für Sie, ich den Weg triple-Kontrolle und mit einer voll jQuery UI-Bibliothek statt der benutzerdefinierten man würde empfehlen:

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

in Ihren letzten Codezeilen umfassen das Skript in der unten angegebenen Reihenfolge: -

Es gibt keine Notwendigkeit, die unten ist, wie es sein wird, durch obige Skripte besorgt.

6

Verwendung von t jquery.js Dateien können einen Konflikt verursachen und zu einem Fehler führen. Vermeiden Sie den Import von zwei oder mehr jquery.js Dateien.

0

Die Reihenfolge der js-Dateien ist wichtig!

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