Question

我想在我的网站上尝试使用手风琴功能，我在网站上复制并粘贴了源代码http://jqueryui.com/没有任何反应。我的浏览器只生成没有手风琴功能的文本。请帮忙，我使用Microsoft表达式来编辑我的代码。

Answer 1

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Accordion - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#accordion" ).accordion();
  });
  </script>
</head>
<body>

<div id="accordion">
  <h3>Section 1</h3>
  <div>
    <p>
    Holla holla
    </p>
  </div>
  <h3>Section 2</h3>
  <div>
    <p>
    Namaste
    </p>
  </div>
  <h3>Section 3</h3>
  <div>
    <p>
   adaab
    </p>

  </div>
</div>


</body>
</html>

Annie你没有提供完整的代码，你得到的错误是什么。现在使用并试验此代码以完成配置

Answer 2

你的问题在于你为资源提供的路径

提供您为js和css文件提供的链接的完整路径（以http开头）

如果不起作用。去寻找以下步骤

下载这些文件（在浏览器中点击链接 - ＆gt;右击 - ＆gt;另存为 - ＆gt;）

将每个下载的js和css放在HTML / JSP文件所在的同一文件夹中，只提供src的{{1}}和href属性中没有任何路径的文件名，分别为js个文件

这肯定会有用

Answer 3

没有看到你的标记，并准确阅读你写的内容 - 你复制并粘贴了代码......

这包括样式表和脚本链接吗？

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

如果您这样做 - 那么我会使用Firebug（https://getfirebug.com/）来调试您正在开发的页面，并查看您的链接是否有任何问题。

jQuery手风琴不在网站上工作

3 个答案: