无法识别jQuery UI accordion()函数

时间:2017-03-07 14:57:36

标签: javascript jquery jquery-ui

我正在使用jQuery-UI测试并希望使用手风琴。我做了这个测试手风琴:

<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 个答案:

答案 0 :(得分: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
        });
    } );