Question

我很难获得jqueryui手风琴的功能。即使将示例从jquery网站复制到jsfiddle，它仍然似乎不起作用。

HTML

<div id="accordion">
    <h3><a href="#">First header</a></h3>
    <div>First content</div>
    <h3><a href="#">Second header</a></h3>
    <div>Second content</div>
</div>

JS

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

在http://jsfiddle.net/FYrBS/103/

的jsfiddle中可以查看

Answer 1

添加此内容。它在这里工作。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />

Answer 2

包含JQuery UI。以下是CDN

<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"> </script>

jQuery手风琴无法正常工作

2 个答案: