2013-01-14 140 views
6

我有一個嵌套的Bootstrap崩潰,顯示的事件同時觸發父代和子代Collapse。我需要它僅在父級崩潰時觸發,而不是在子級上觸發。Bootstrap嵌套崩潰僅在父項崩潰時發生事件

$(document).ready(function() { 
    $("#accordion2").on("shown",function() { 
    alert("shown!"); 
    }); 
}); 

下面是一個例子:http://jsfiddle.net/xb9K6/

+2

我有一個類似的問題。我嵌套了摺疊元素,當我摺疊孩子時,父母也會觸發.show()事件。我試圖stopPropogation()沒有運氣。有任何想法嗎? –

回答

13

可以使用event對象stopPropagation方法。

$(".accordion").on("shown",function(event) { 
    event.stopPropagation(); 
}); 

http://jsfiddle.net/SPZZv/

+0

謝謝,它的工作原理。爲什麼不阻止父母? – Michael

+0

哦,你的事件行結尾處有一個冒號。 – Michael

+0

我有類似的問題。我嵌套了摺疊元素,當我摺疊孩子時,父母也會觸發.show()事件。我試圖stopPropogation()沒有運氣。有任何想法嗎? –