尝试在我的页面中实现
jquery手风琴,手风琴本身可以工作,但它没有显示箭头或加号/减号.我的代码如下:
<link rel="stylesheet" href="/css/jquery-ui-1.10.4.css" type="text/css" />
<script type="text/javascript" src='/js/jquery-ui-1.10.4.min.js'></script>
<script type="text/javascript" src='/js/jquery-2.1.1.min.js'></script>
$(function() {
var icons = {
header : "ui-icon-circle-arrow-e",
activeHeader : "ui-icon-circle-arrow-s"
};
$("#accordion").accordion();
icons: icons;
});
<div id="accordion">
<h3>tab 1</h3>
<div>tab 1 content </div>
<h3>tab 2</h3>
<div>tab 2 content </div>
</div>
我确实在网上找到了很多例子,但似乎没有什么能解决我的问题.任何帮助,将不胜感激.
最佳答案 请遵循下面的代码说明:
// 1st - initialize accordion
$("#accordion").accordion();
// Then set accordion header options
$("#accordion").accordion("option", "icons", {
'header': 'ui-icon-circle-arrow-e',
'headerSelected': 'ui-icon-circle-arrow-s'
});