Bootstrap手風琴表內的鏈接按鈕

Question

我有一個完美的Bootstrap手風琴表。基本上，如果有人點擊某行，它會顯示更多內容。現在，問題是其中一行包含一個按鈕鏈接，當有人單擊該按鈕時，它會正確轉到該鏈接，但它也會打開隱藏的行內容。

我該如何做到這一點，以便當有人點擊按鈕，它也不會打開隱藏的行，並只去鏈接？

<table class="table"> 

<thead> 

<th width="20%" class="">Row 1</th> 
<th width="20%" class="">Row 2</th> 
<th width="20%" class="">Row 3</th> 
<th width="20%" class="">Row 4</th> 
<th width="20%" class="">Row 5</th> 

</thead> 

<tbody> 

<tr data-toggle="collapse" data-target="#123" class="accordion-toggle"> 

<td class="">Content 1</td> 
<td class="">Content 2</td> 
<td class="">Content 3</td> 
<td class="">Content 4</td> 
<td class=""><a href="http://www.url.com/" type="button" class="btn btn-primary">Link</a></td> 
</tr><tr> 
<td colspan="5" class="hiddenRow"><div class="accordian-body collapse" id="123">More Content</div> </td> 
</tr> 

</tbody> 

</table> 

Answer 1

嘗試是這樣的： -

<a href="http://www.url.com/" onclick= stopEventPropogation(event) type="button" class="btn btn-primary">Link</a> 

<script type="text/javascript"> 
function stopEventPropogation(e){ 
e.stopPropogation() 
} 
</script> 

或由Bart的建議，這也可用於： -

$('.accordion-toggole').on('click', '.btn', function(e) { e.stopPropagation(); })