【问题标题】:Bootstrap collapsing panels - weird move after collapsingBootstrap 折叠面板 - 折叠后奇怪的移动
【发布时间】:2017-06-03 08:18:27
【问题描述】:

我有一个由 WordPress 提供的单页 html 引导模板,带有固定的标题和一些具有平滑滚动效果的锚链接。在一个部分 - http://url.kybernaut.cz/1o - 我有折叠面板。当处于打开状态时,一切正常。当我关闭它们时,它会“跳跃”一点,而且动作很奇怪。

请比我更高级的人帮助我吗?我还没有成功地在 bootplay 中重现该问题:(

【问题讨论】:

    标签: twitter-bootstrap collapse


    【解决方案1】:

    这与您的 href 值有关。单击锚标记时,它会将其置于页面顶部。看起来引导程序在第一次点击时覆盖了该功能,但由于某种原因没有崩溃。为了避免它完全改变这些面板上的 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();
    });
    

    它不能完美运行,这就是为什么它不是我最喜欢的。如果您单击“+”,然后尝试折叠标题,它将不起作用。反之亦然。

    【讨论】:

    • @kybernaut.cz 没问题,bootstrap 中的hrefs 之前让我感到焦虑。
    猜你喜欢
    • 1970-01-01
    • 2016-02-28
    • 1970-01-01
    • 2014-04-29
    • 2017-06-14
    • 2015-11-25
    • 1970-01-01
    • 2016-08-23
    • 2014-02-18
    相关资源
    最近更新 更多