javascript - 无法识别 jQuery UI Accordion() 函数

Question

我正在使用 jQuery-UI 进行测试，并想使用 Accordion 。我做了这个测试 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 站点下载了所有需要的文件并链接了所有内容，但我不断收到此错误。我不知道这里的问题是什么。

Answer 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
        });
    } );