兒童手風琴的變化指標圖標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;