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

您需要停止点击＆＃34; a＆＃34;传播到其父元素（手风琴标题）的元素将触发崩溃。

这个jQuery可以解决这个问题：

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

可点击标题中的按钮

1 个答案: