javascript - Bootstrap 嵌套折叠仅在父折叠时发生事件

Question

我有一个嵌套的 Bootstrap Collapse，在父项和子项 Collapse 上都触发了显示的事件。我需要它只对父折叠而不是对子触发。

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

这是一个例子：http: //jsfiddle.net/xb9K6/

Answer 1

您可以使用对象stopPropagation的方法event。

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

http://jsfiddle.net/SPZZv/