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 (将#修改为@）