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

Question

我有一个嵌套的 Bootstrap Collapse，其中显示的事件同时在父 Collapse 和子 Collapse 上触发。我需要它只触发父 Collapse 而不是 child 。

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

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

Answer 1

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

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

http://jsfiddle.net/SPZZv/