单击标题中的按钮时如何防止手风琴切换？

我正在使用bootstrap的手风琴类，并希望在标题中有按钮可以点击而不切换手风琴。 这是HTML示例：

 
 
 
 title 
 
test
 Button 
 
 
 panel content 
 
 
  

我尝试使用e.preventDefault();的onclick处理程序e.preventDefault(); 阻止手风琴触发，但它不起作用：

 window.foo = function(e) { console.log("foo"); $(".body").append("
foo"); e.preventDefault(); } 

的jsfiddle

如何在单击按钮时阻止手风琴触发？

Answer 1

您想要停止事件冒泡，因此您使用stopPropagation ：

 window.foo = function(e) { e.stopPropagation(); } 

演示： http ： //jsfiddle.net/Bye8K/3/