手風琴與指向外部資源的鏈接

Question

我正在嘗試使用整個標題DIV可點擊的手風琴，它也包含一個不會影響手風琴狀態的鏈接，而是在新的標籤頁/窗口中打開外部鏈接。

但如果我這樣做，標題捕捉我的鏈接上的點擊事件，它只能切換手風琴狀態。

示例代碼：

<div class="accordion" id="accordion2"> 
    <div class="accordion-group"> 
    <div class="accordion-heading accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
     <a href="http://www.google.com" target="_blank"> 
     Collapsible Group Item #1 
     </a><br /> 
     whole heder is<br /> 
     clickable<br /> 
    </div> 
    <div id="collapseOne" class="accordion-body collapse in"> 
     <div class="accordion-inner"> 
     Anim pariatur cliche... 
     </div> 
    </div> 
    </div> 
</div> 

http://jsfiddle.net/LUzwP/6/

是它在所有可能實現？

Answer 1

分叉到http://jsfiddle.net/ZPLff/

變化：

<a href="http://www.google.com" target="_blank" id="google"> 

$("#google").click(function(e) { 
    e.stopPropagation(); 
});​ 

原因：data-toggle="collapse"（在可摺疊數據API）在其.on.click() -handler電話e.preventDefault()，所以你必須防止這種