jQuery手风琴-缺少什么？

Question

Here's my code; 这是我的代码；

 <head>
        <title>page title</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.js"></script>
    </head>

    <body>
  <script>
  $(function() {
    $( "#accordion" ).accordion();
  });
  </script>

    <div id="accordion">
      <h3>-shift title-</h3>
      <div><p>-shift content here-</p></div>
      <h3>-shift title-</h3>
      <div><p>-shift content here-</p></div>
    </div>

I'm sure i've missed something but my thinking is i've used a CDN and put the function in, the divs are not collapsing? 我确定我错过了一些东西，但是我的想法是我使用了CDN并将该函数放进去，div没有崩溃？

Answer 1

问题不包括<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.js"></script>

Answer 2

I think you are using jQuery UI so you'll need to include that library below jQuery 我认为您使用的是jQuery UI，因此您需要将该库包含在jQuery下面

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

Answer 3

I'm not totally sure, but I think you may be missing some css files. 我不太确定，但我认为您可能会缺少一些CSS文件。

Use this as scripts, let's see if it's working: 将此用作脚本，让我们看看它是否有效：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

jQuery手风琴-缺少什么？

问题描述

3 个解决方案

解决方案1
1 2015-08-06 13:03:07

解决方案2
0 2015-08-06 13:01:50

解决方案3
0 2015-08-06 13:02:48

jQuery手风琴-缺少什么？

问题描述

3 个解决方案

解决方案1 1 2015-08-06 13:03:07

解决方案2 0 2015-08-06 13:01:50

解决方案3 0 2015-08-06 13:02:48

解决方案1
1 2015-08-06 13:03:07

解决方案2
0 2015-08-06 13:01:50

解决方案3
0 2015-08-06 13:02:48