Question

关于jQuery，我是一个完全新手，但我试图在我的HTML页面上运行一个简单的accordion（）代码。

这是我使用的链接，我包含了压缩生产jQuery 2.1.0

<head>
    <link rel="stylesheet" type="text/css" href="stylesheetkomik2.css">
    <script src="jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="scriptkomik2.js"></script>
    <title>Komiktoneel</title>
</head>

我尝试使用accordion（）的代码片段是一系列带有标签的标签，其中包含段落，如下所示：

<div id="content">
<h3>This is the first heading</h3>
<div><p>First paragraph</p></div>

<h3>This is the second heading</h3>
<div><p>Second paragraph</p></div>
</div>

scriptkomik2.js除了以下代码之外什么都不包含：

$(document).ready(function(){
     $("#content").accordion();
})

我的代码中是否有错误或链接错误？谢谢

Answer 1

您需要添加jQuery UI

Accordion是来自 jQuery UI 的小部件，此库在 jQuery 之上运行。因此，您需要将两个j添加到项目中。

<script src="js/jquery.js"></script>
<script src="js/jquery.ui.js"></script>

Answer 2

缺少

jQueryUI。您还必须为手风琴小部件添加jQuery UI。

<head>
    <link rel="stylesheet" type="text/css" href="stylesheetkomik2.css">
    <script src="jquery-2.1.0.min.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <script type="text/javascript" src="scriptkomik2.js"></script>
    <title>Komiktoneel</title>
</head>

Answer 3

.accordion不是一个有效的jQuery方法。我认为您正在寻找jquery UI：https://jqueryui.com/accordion/

尝试实施，看看会发生什么。

Answer 4

添加以下脚本标记。 Accordion是jQuery UI的一部分

  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

我在这个jQuery链接中做错了什么？

4 个答案: