引導數據切換影響標題中的按鈕

Question

有沒有一種方法可以使標題可單擊，以便它像手風琴一樣起作用，但是里面的按鈕不是這樣？

<div class="row">
    <div class="panel-group" id="accordion3">
        <div class="panel panel-default">
            <div class="panel-heading panel-heading-clickable" data-toggle="collapse" data-parent="#accordion3" data-target="#collapseThree">
                <div class="btn-group pull-right">
                    <a href="" class="btn btn-default btn-xs" ng-click="vm.ProcessData(2015)">2015</a>
                    <a href="" class="btn btn-default btn-xs" ng-click="vm.ProcessData(2016)">2016</a>
                    <a href="" class="btn btn-default btn-xs" ng-click="vm.ProcessData(2017)">2017</a>
                    <a href="" class="btn btn-primary btn-xs" ng-click="vm.ProcessData(2018)">2018</a>
                </div>
                <h4 class="panel-title" style="padding-top: 5px;">Plugin Frequency Use:</h4>
            </div>
            <div id="collapseThree" class="panel-collapse collapse in">
                <div class="panel-body">

                </div>
            </div>
        </div>
    </div>
</div>

就像現在一樣，每次單擊標題或按鈕都會折疊div的主體。

按鈕旁邊還會顯示一些下拉箭頭。 我如何擺脫它們？

Answer 1

您可以嘗試停止事件傳播：

<a href="" class="btn btn-default btn-xs" ng-click="vm.ProcessData(2015); $event.stopPropagation();">2015</a>

請在ngClick指令中閱讀有關stopPropagation方法和事件對象的更多信息

Answer 2

這可能對您有幫助

    $("#accordion3").on('click', '.btn' , function(){
       return false;
     })

在這里嘗試jsfiddle