崩溃时Bootstrap手风琴滚动行为

Question

我正在使用Bootstrap 3手风琴。 在阅读了关于如何对内容进行独立行为的大量帖子之后，我使用数据目标来识别内容，而不是默认的数据 - 手风琴ID的父母。 独立折叠工作正常，但现在在折叠时它会滚动到可折叠项目的顶部。 如何在保持可折叠的依赖性的同时禁用此滚动行为？

Answer 1

我想我知道导致滚动问题的原因。 如果您基于getbootstrap.com中显示的示例，那么您可能使用锚点

<a data-toggle="collapse" data-content="#your-content" href="#your-content">...</a>

而不是锚点，您可以使用跨度

<span data-toggle="collapse" data-content="#your-content">...<span>

锚点中的href导致滚动。 我希望有帮助

Answer 2

只需将class="your-header-class"添加到a header元素：

<a class="your-header-class" data-toggle="collapse" data-content="#your-content" href="#your-content">...</a>

然后添加：

$('.your-header-class').click(function(e) {
    e.preventDefault();
})

Answer 3

就我而言，我正在使用button，只是将其更改为div。