如何使用 Bootstrap 在 Django 中打开特定的 Accordion 项？

Question

我有一个 Django 应用程序，其页面包含 Bootstrap Accordion。

我在第三个手风琴项目中有一个表格。在该表单中提交时，我希望页面刷新到相同的手风琴项目 - 我有一些反馈消息想要显示给用户。

当前提交页面刷新到默认项目 - 在我的例子中，这是第一个手风琴项目。

我尝试将 /#collapseThree 附加到 url，但页面刷新到默认视图。

谢谢， 安德鲁

Answer 1

使用以下程序。

1. 为您的元素提供唯一的 ID。

喜欢

<div id="tab1"></div>
<div id="tab2"></div>
<div id="tab3"></div>
<div id="tab4"></div>

2. 提供您需要关注的网址选项卡 ID

url_path#tab2

3. 使用 js 将 url 中的 id 聚焦到选项卡

document.getElementById(window.location.hash).click();