html - Django Bootstrap 下拉菜单为空

Question

我想提取一个对象列表并将它们放入下拉菜单中。我已经这样做了并且它有效，但不是在下拉菜单上，也许问题出在我不知道的 HTML 中。 这是我的 html 部分:

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Choisissez une structure existante<span class="caret"></span></button>
    <ul class="dropdown-menu">
        {% for s in structures %}
        <li>{{ s.name }}</li>
        {% endfor %}
    </ul>
</div> 

我已经这样做来在另一个 html 模板中的表格中显示结构并且它有效:这是工作代码:

<tbody>
{% for structure in structures %}
   <tr>
      <td><center>{{ structure.name }}</center></td>
      <td><center>{{ structure.created_at }}</center></td>
      <td><center>{{ structure.updated_at }}</center></td>
      <td><center>{{ structure.file }}</center></td>
      <td>
        <a href="/edit/{{ structure.id }}" class="btn btn-primary btn-xs">Modifier</a>
        <a href="/delete/{{ structure.id }}" class="btn btn-danger btn-xs">Supprimer</a>
      </td>
    </tr>
{% endfor %}
</tbody>

想法？谢谢!

Answer 1

您需要用下拉菜单包裹您的 html。

<li class="dropdown">
   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Structures</a>
   <ul class="dropdown-menu">
       {% for s in structures %}
           <li><a href="#">{{ s.id }}</a></li>
       {% endfor %}
   </ul>
</li>

假设您已经包含了 js，bootstrap 中也有 js 要求。