Javascript 引导程序3中的手风琴切换不更改图标
我有使用bootstrap 3和jQuery的多重/动态手风琴切换代码:Javascript 引导程序3中的手风琴切换不更改图标,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我有使用bootstrap 3和jQuery的多重/动态手风琴切换代码: $('div.accordion-body').on('shown', function () { $(this).parent("div").find(".fa").removeClass("fa fa fa-plus").addClass("fa fa-minus"); }); $('div.accordion-body').on('hidden', function () { $(this).pa
$('div.accordion-body').on('shown', function () {
$(this).parent("div").find(".fa").removeClass("fa fa fa-plus").addClass("fa fa-minus");
});
$('div.accordion-body').on('hidden', function () {
$(this).parent("div").find(".fa").removeClass("fa fa-minus").addClass("fa fa fa-plus");
});
但在Bootstrap3中,将图标(fa加
更改为fa减
)不起作用。你怎么解决这个问题
引导程序3因为在引导程序3中,显示的
事件和隐藏的事件已更改为show.bs.collapse
和hide.bs.collapse
:
$('div.accordion-body').on('show.bs.collapse', function () {
$(this).parent("div").find(".fa").removeClass("fa fa fa-plus").addClass("fa fa-minus");
});
$('div.accordion-body').on('hide.bs.collapse', function () {
$(this).parent("div").find(".fa").removeClass("fa fa-minus").addClass("fa fa fa-plus");
});
自2.x以来,事件名称已更改。在这里查看新事件
$('div.accordion-body').on('shown.bs.collapse', function () {
$(this).parent("div").find(".fa").removeClass("fa fa fa-plus").addClass("fa fa-minus");
});
$('div.accordion-body').on('hidden.bs.collapse', function () {
$(this).parent("div").find(".fa").removeClass("fa fa-minus").addClass("fa fa fa-plus");
});