2017-03-07 6 views
0

jQuery-UIでテストしていて、アコーディオンを使いたいと思っています。jQuery UIのaccordion()関数が認識されない

<div id="accordion"> 
     <h3>Section 1</h3> 
     <div> 
      <p>text text text text text text text text text </p> 
     </div> 
     <h3>Section 2</h3> 
     <div> 
      <p>text text text text text text text text text </p> 
     </div> 
     <h3>Section 3</h3> 
     <div> 
      <p>text text text text text text text text text </p> 
     </div> 
     <h3>Section 4</h3> 
     <div> 
      <p>text text text text text text text text text </p> 
     </div> 
    </div> 

機能::私は、このテストアコーディオン作ら

$(function(){ 
    $('#accordion').accordion({ 
     collapsible: true 
    }); 
}); 

をしかし、私はこのエラー私はそれを実行するたびに取得する:

> Uncaught TypeError: $(...).accordion is not a function 
    at HTMLDocument.<anonymous> (index.js:173) 
    at j (jquery.min.js:2) 
    at k (jquery.min.js:2) 

私はjQueryのからすべての必要なファイルをダウンロード私はこのエラーを受けています。私はここの問題が何であるか分からない。

+1

ほとんどの場合、あなたのどちらかが正しいのjsファイルを含めていないか、それらが正しい順序で含まれていませんを使用しています。 jqueryがjquery-uiの前にあることを確認してください。インクルードに間違った相対パスがある場合、ブラウザコンソールでエラーがないかチェックしてください。 –

答えて

1

使用jQueryのCDN:

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 

$(function() { 
     $("#accordion").accordion({ 
      collapsible: "true" //commas 
     }); 
    }); 
関連する問題