可点击标题中的按钮

Question

当我点击标题时,我有一些折叠选项卡崩溃,这没关系,但如果我点击每个标题末尾的链接它不应该折叠它,它应该运行链接操作.可能吗？

http://plnkr.co/edit/aDp8IoV9VQKVrroH2Mk9?p=preview

<div class="accordion" id="accordion" >
    <div class="accordion-group">
      <div class="accordion-heading" data-toggle="collapse" data-target="#collapseOne" href="#" style="padding: 10px;">
        <div class="pull-right"><a href="#">Link 1</a></div>
        Item #1
      </div>
      <div id="collapseOne" class=" collapse in">
        <div class="accordion-inner">
          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
        </div>
      </div>
    </div>
    <div class="accordion-group">
      <div class="accordion-heading" data-toggle="collapse" data-target="#collapseTwo" href="#" style="padding: 10px;">
        <div class="pull-right"><a href="#">Link 2</a></div>
          Item #2
      </div>
      <div id="collapseTwo" class=" collapse">
        <div class="accordion-inner">
          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
        </div>
      </div>
    </div>
    <div class="accordion-group">
      <div class="accordion-heading" data-toggle="collapse" data-target="#collapseThree" href="#" style="padding: 10px;">
        <div class="pull-right"><a href="#">Link 3</a></div>
          Item #3
        </a>
      </div>
      <div id="collapseThree" class=" collapse">
        <div class="accordion-inner">
          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
        </div>
      </div>
    </div>
  </div>

Answer 1

您需要停止"a"元素上的click事件传播到其父级(手风琴标题),这将触发崩溃.

这段jQuery将起到作用:

$('.accordion-heading a').click(function(e){
    e.stopPropagation();
})