javascript - 我怎样才能同时去锚定和打开 Bootstrap Accordion ？

Question

我使用的是 Bootstrap Accordion ，它的效果非常好，完全没问题。但是，我想要链接到 Accordion 中的一个选项卡。这个想法是，一旦我点击链接，我就会被带到页面的那个部分( Accordion 真的在页面的下方)并打开选项卡。

所以我使用了以下内容:

<a href="#prizes" data-toggle="collapse" data-parent="#accordion"><i class="mdi-action-info"></i></a>

哪个应该有效。它部分地做到了:它恰好打开 Accordion 选项卡，但是，页面没有按预期滚动到 anchor 。它只是停留在相同的位置，但打开 Accordion 。

知道如何解决吗？我找到了与 jQuery UI Accordion 相关的答案，但没有找到关于 BS Accordion 的答案(而且 jQuery UI 答案也不起作用)，真的不知道为什么这不起作用

Answer 1

为了滚动到 anchor ，您应该等到可折叠的 div 完全显示。

JQuery 帮助我们通过折叠事件轻松解决这个问题。

$(document).ready(function() {
    $("#section-two").on('shown.bs.collapse', function() {
        window.location = "#section-two";
    });
});

查看 Bootstrap JS Collapse Reference在 w3schools.com 上获取快速文档。