修改J-Query UI手风琴

时间:2012-01-05 10:29:43

标签: jquery jquery-ui jquery-ui-accordion

我正在使用jquery-ui accordion,我真正想要的是以编程方式为手风琴添加数字,因为手风琴列表来自cms系统,因此当客户端 添加列表应该自动添加数字,以下是使用accordion for faq的[page] [2],我想在箭头从1开始后显示数字。任何建议,协助将不胜感激。 感谢

更新

 $('#accordion').accordion({ header: 'h3', collapsible: true, active: false, autoHeight: false});

更新2(解决方案):

 $("#accordion h3 a").each(function (index, elt) {
    index++;
    var tmp = $(this).text();
    $(this).html('<span class="num">' + index + '</span>' + tmp);

});

1 个答案:

答案 0 :(得分:2)

事实上,这不是你想要修改的手风琴,而是菜单的枚举。

这可以通过以编程方式将索引添加到标题中来完成,如下所示:

$("#accordion h3 a").each(function(index, elt) {
    index++;
    $(this).prepend(index + " ");   
});

你可以看看这个小提琴:http://jsfiddle.net/scaillerie/VNJwS/