Bootstrap:取消数据切换="崩溃"在嵌套按钮上

时间:2015-10-17 23:08:21

标签: javascript jquery twitter-bootstrap

我希望在单击面板标题时我的面板折叠会折叠,而不是在单击面板标题中的按钮时折叠。

我的代码:

Your_Form_Name.Controls.OfType<TextBox>().ToList().ForEach(textBox => textBox.Clear());

我尝试了什么:

我尝试添加

<div class="panel panel-default">
  <div class="panel-heading clearfix" data-toggle="collapse" href="#collapseBody">
    <h4 class="panel-title pull-left" style="padding-top: 7.5px;">Body</h4>
    <div class="btn-group pull-right">
      <!-- The problematic button -->
      <a href="#" class="btn btn-default">Button</a>
    </div>
  </div>
  <div class="panel-collapse collapse in" id="collapseBody">
    <div class="panel-body" id="body">
    </div>
  </div>
</div>

但没有任何影响。

有人可以帮助初学者吗? (:

1 个答案:

答案 0 :(得分:1)

阿德内诺在评论中给出了金色的提示。

<强>修正:

<script>
    $( document ).ready(function() {
        $('.btn').on('click', function (e) {
            e.stopPropagation();
        });
    });
</script>