Question

这是我的代码;

 <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>

我确定我错过了一些东西，但我的想法是我已经使用了CDN并将功能放入，div没有崩溃？

Answer 1

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

Answer 2

我认为您正在使用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

我不完全确定，但我认为您可能遗漏了一些css文件。

将其用作脚本，让我们看看它是否有效：

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