2013-02-15 18 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に実際にaccordionプラグインが含まれていますか? –

+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ファイルが競合し、エラーが発生する可能性があります。 2つ以上のjquery.jsファイルをインポートしないようにしてください。

    0

    jsファイルの順序は重要です!

    /external/jquery/jquery.js should be listed above jquery-ui.js! 
    
    関連する問題