我是第一次使用 Accordion ，但由于某种原因它无法正确显示。图标位于文本后面，左侧没有内边距。
一个最小的例子如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link type="text/css" href="css/cupertino/jquery-ui-1.8.24.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/vendor/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script>
<script type="text/javascript">
$(function(){
$("#accordion").accordion({ header: "h3", active: false, collapsible: true, fillSpace: true });
});
</script>
</head>
<body>
<!-- Add your site or application content here -->
<div id="accordion">
<div>
<h3>test</h3>
<div>bla bla bla</div>
</div>
</div>
</body>
</html>
我的屏幕截图can be viewed here
有谁知道怎么解决吗？
最佳答案
您的标记需要一些调整:
<div id="accordion">
<h3><a href="#">test</a></h3>
<div>bla bla bla</div>
</div>
关于文本后面的 JQuery Accordion 图标，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12761986/