twitter-bootstrap 如何在引导折叠插件上禁用引导默认行为
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/18393406/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-10-21 18:04:01 来源:igfitidea点击:
How to disable bootstrap default behaviour on bootstrap collapse plugin
提问by Hymanie Chan
So what I am looking at is:
所以我在看的是：
- When you click the header of the collapsable object, then nothing should happen
- While
$("#collapseOne").collapse('toggle');or$("#collapseTwo").collapse('toggle');should succeed
- 当您单击可折叠对象的标题时，什么都不应该发生
- 虽然
$("#collapseOne").collapse('toggle');或$("#collapseTwo").collapse('toggle');应该成功
The Collabsable object:
可合作对象：
<div class="accordion" id="accordion2">
<div class="accordion-group mzti-transparent-border" id="id-group-1">
<div id="id-header-1" class="accordion-heading mzti-bg-image-1">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
</div>
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
</div>
</div>
</div>
<div class="accordion-group hide mzti-transparent-border mzti-height" id="id-group-2">
<div id="id-header-2" class="accordion-heading width-100 mzti-bg-image-2 margin-top-22px ">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
</div>
</div>
</div>
</div>
回答by tomaroo
Remove the data-toggle="collapse"on the <a class="accordion-toggle"...elements
删除data-toggle="collapse"的<a class="accordion-toggle"...元素
