如何解决Bootstrap Tabpanel没有显示在Django URL视图中
我正在使用Django 3.1和Bootstrap4。我正在尝试实现一个带有href指向django视图的选项卡列表。但是,当我单击第二个选项卡时,什么也没有发生。预期的行为是,视图功能的响应将呈现在选项卡面板的内容中。这是我的代码:
template.html
<ul class="nav tab-switch" role="tablist" id="profile-tabs">
<li class="nav-item">
<a class="nav-link active" id="user-profile-info-tab" data-toggle="pill"
href="#user-profile-info" role="tab" aria-controls="user-profile-info"
aria-selected="true">Profile</a>
</li>
<li class="nav-item {% if active_tab == 'research2' %} active {% endif %}">
<a class="nav-link" id="user-profile-research-tab2"
href="{% url 'app:research_profile' %}" role="tab"
aria-controls="user-profile-research2" aria-selected="false">Research</a>
</li>
</ul>
<div class="tab-pane fade show pr-3" id="user-profile-research2"
role="tabpanel" aria-labelledby="user-profile-research-tab2">
<div class="table-responsive">
<div class="main-panel col-12">
<div class="content-wrapper">
{% include 'templates/_research_list.html' %}
</div>
</div>
</div>
</div>
view.py 在响应中包含变量“ active_tab”,但是由于某些原因,该选项卡的内容从不显示。任何帮助将不胜感激。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。