文本后面的 JQuery 手风琴图标
Posted
技术标签:
【中文标题】文本后面的 JQuery 手风琴图标【英文标题】：JQuery accordion icon behind text 【发布时间】：2012-09-27 12:55:36 【问题描述】：我是第一次使用手风琴，但由于某种原因无法正确显示。图标在文本后面，左侧没有填充。
一个最小的例子如下所示：
<!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
有人知道怎么解决吗？
【问题讨论】：
【参考方案1】：您的标记需要一些调整：
<div id="accordion">
<h3><a href="#">test</a></h3>
<div>bla bla bla</div>
</div>
示例： http://jsfiddle.net/andrewwhitaker/WP29E/15/
【讨论】：
以上是关于文本后面的 JQuery 手风琴图标的主要内容，如果未能解决你的问题，请参考以下文章
Jquery 手风琴没有删除类，也没有将其展开文本交换为折叠