如何在单击标题内的特定元素时禁用引导程序崩溃？

Question

我有以下代码要折叠并打开内容。

<h4 class="cartToggleTags collapsed" type="button" data-toggle="collapse" data-target="#cotent1">
  <i class="fa fa-edit"></i> Header1
</h4>
<div id="cotent1" class="collapse in">
  Content 1
</div>

如何在点击修改图标<i class="fa fa-edit"></i>时停用折叠或打开功能。

Answer 1

您可以简单地停止事件传播，例如

$(document).on('click', '[data-toggle=collapse] .fa', function(e) {
    e.stopPropagation();
});

jsFiddle - http://jsfiddle.net/3MEEP/