html - django + html渲染

如何使导航仪中的第一个导航仪有效？

我试过添加class =“ active”，但这只会使所有nav药片都处于活动状态。

<div class="container-fluid bg-dark">
        <div class="container text-center menu-meals">
            <ul class="nav nav-pills center-pills">
                {% for menu in menus %}
                    {% if menu.mealtype %}
                        <li role="presentation"><a href="#{{ menu.mealtype }}" aria-controls="{{ menu.mealtype }}" role="tab" data-toggle="tab">{{ menu.mealtype }}</a></li>
                    {% endif %}
                {% endfor %}
            </ul>
        </div>
    </div>

最佳答案

通过向我添加id =“ menu-meals”使其工作，然后添加脚本。

<script>
        $(function () {
              $('#menu-meals li:eq(0) a').tab('show');
           });
    </script>

关于html - django + html渲染，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31778206/