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>

请详细了解stopPropagation方法和event对象在ngClick指令内部

Answer 2

这可能会对你有所帮助

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

在这里试试jsfiddle

bootstrap数据切换会影响标题中的按钮

2 个答案: