單擊標題內的特定元素時，如何禁用引導折疊？

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/