在同一页面上我有这段代码
<a href="#" data-toggle="collapse" data-target="#menu1" aria-expanded="true">Menu Item with Sub-Items <b class="caret-blue"></b></a>
和此代码
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true" class="">Collapsible Group Item #1</a>
第一个将#添加到网址，并将滚动条移动到页面顶部。第二个没有添加URL，也不会移动页面。两者都正确地进行了折叠功能。
WTF？他们为什么表现不一样？我想Bootstrap在一个案例中对事件进行preventDefault()而不是另一个案例，但为什么。
根据Bootstrap的文档，我认为（http://getbootstrap.com/javascript/#collapse）是正确的，但它的表现并不像它应该的那样。
答案 0 :(得分：0)
您不应该在第一个链接上使用data-target="#menu1"，而是href="#menu1"，因为文档建议：
您可以使用带有href属性的链接或带有的按钮 数据目标属性。在这两种情况下，data-toggle =“collapse”都是 必需的。