在點擊stopPropagation同時保持引導崩潰行爲

Question

我有一個引導程序列表組項與徽章如下：

<a class="list-group-item list-group-item-action" href="#" revision="211147" id="commit0"> 
    <span class="badge collapsed" id="badge0" data-toggle="collapse" data-target="#ul0" > 
     changed files:1 
    </span> 
    <ul class="list-group changed-files-list collapse" id="ul0" aria-expanded="false" style="height: 0px;"> 
     <li class="list-group-item changed-file"> 
      release.groovy 
     </li> 
    </ul> 
</a> 

它包含了由標籤針對性摺疊UL認證。

與此同時，單擊時，將選擇a元素（因爲它是具有多個選擇的列表組的一部分）。

我嘗試插入這段代碼：使在徽章點擊時沒有選擇

$('.badge').on('click', function(e){ 
    //$('#'+this.id).click(); 
    e.stopPropagation(); 
}); 

的一個元素。

如果我使用此代碼，ul元素不會顯示。我想引導程序使用點擊功能，所以它與我的函數重寫引導程序有關。

如何在保持崩潰行爲的同時停止傳播？

Answer 1

我找到了解決方案，通過使用自舉的崩潰功能：

$('.badge').click(function(e){ 
    $('#ul'+this.id.substring(5)).collapse("toggle"); 
    e.stopPropagation(); 
});