2013-01-14 107 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()没有运气。有任何想法吗? –