我想做的是在 Accordion 中显示默认图标,就像 jQuery-ui 站点中的示例一样。
示例:http://jqueryui.com/accordion/#custom-icons
我的问题是它不会只显示我看到的文本...我在 jsfiddle 中尝试了我的代码,我看到了它,但它的位置与文本相同。
当前输出:http://jsfiddle.net/MfegM/1663/
脚本:
$(function() {
$( "#accordion" ).accordion({
active:false,
collapsible:true,
});
});
$(function() {
$("#accordion").accordion( );
$("#accordion").accordion("option", "icons",
{'header': 'ui-icon-circle-arrow-e', 'headerSelected': 'ui-icon-circle-arrow-s' });
});
我的链接:
<!--CSS Links-->
<link rel="shortcut icon" href="elogFiles/images/icon.ico" type="image/x-icon" />
<link rel="stylesheet" href="elogFiles/css/jquery-ui-1.9.2.css" />
<link rel="stylesheet" href="elogFiles/css/animate.css" />
<link rel="stylesheet" href="elogFiles/css/bootstrap.css" />
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" />
<link rel="stylesheet" href="elogFiles/css/style.css" type="text/css" />
<!--Script Links-->
<script src="elogFiles/js/jquery-1.11.0.min.js"></script>
<script src="elogFiles/js/jquery-ui-1.9.2.min.js"></script>
<script src="elogFiles/js/bootstrap.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js"></script>
<script src="elogFiles/js/myScript.js"></script>
最佳答案
尝试使用较新版本的 jquery 和 jquery ui。它可以直接在 1.8.3 和 ui 1.9.2 上使用您的代码 exaclty
// code is yours - I included it so I could post the fiddle below.
$("#accordion").accordion("option", "icons",
{
'header': 'ui-icon-circle-arrow-e',
'headerSelected': 'ui-icon-circle-arrow-s'
});
关于javascript - 如何在 jquery ui 中将图标放在 Accordion 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24284957/