儿童手风琴的变化指标图标twitter引导

Question

我有两个级别的Twitter引导手风琴与下拉指标图标。 问题是当我关闭子组时指标也在父组中变化。 （对不起我的英文不好）

$('.accordion-body').on('show', function() { 
    $(this).siblings('.accordion-heading').children('.ui-icon').removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s'); 
}); 

$('.accordion-body').on('hide', function() { 
    $(this).siblings('.accordion-heading').children('.ui-icon').removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e'); 
}); 

JSfiddle

Answer 1

嗯，这是很模糊的，但这里的原因：“秀”和“隐藏”事件冒泡默认情况下，这样一个隐藏/显示在可折叠的子事件中的事件也被父可折叠事件捕捉到。

的解决方法是调整听众这样说：

$('.accordion-body').on('show', function(e) { 
    e.stopPropagation(); 
    … 
} 

这里你拨弄的工作版本：http://jsfiddle.net/HwNYB/2/。

旁注：

e.stopPropagation(); 

有其IE对应：

e.cancelBubble = true;