Bootstrap 折叠面板 - 折叠后的奇怪动作

Question

我有一个由 WordPress 提供的一页 html bootstrap 模板，具有固定的 header 和几个具有平滑滚动效果的锚链接。在一个部分 - http://url.kybernaut.cz/1o - 我有折叠面板。处于打开状态时，一切正常。当我关闭它们时，它 "jumps" 有点奇怪。

可以请比我更高级的人帮助我吗？我还没有成功地在 bootplay 中重现这个问题:(

Answer 1

这与你的href价值观有关。单击锚标记时，它会将其置于页面顶部。看起来 bootstrap 在第一次点击时覆盖了该功能，但由于某种原因没有崩溃。为避免它完全将这些面板上的 href 值更改为：

href="javascript:void(0);"

另一种解决方案是使用没有 href 的元素，例如 <span>.

<span data-toggle="collapse" data-content="#rf1" data-parent="#akref">...<span>

我最不喜欢的解决方案如下：

$('.panel a').on('shown.bs.collapse', function () {
    this.preventDefault();
});

它不能很好地工作，这就是为什么它不是我最喜欢的。如果您单击“+”然后尝试用标题折叠，它将不起作用。反之亦然。