Question

我正在使用sb-admin2（http://startbootstrap.com/template-overviews/sb-admin-2/）和django，菜单显示多个有效选项（如下图所示）：

这是我选择第一个选项（名称）时的样子。这是正确的，因为我在内部添加并选择了名称。

这是我选择第二个元素时的样子。这是错误的，因为第一个和第二个选项都是活动的。只有Add和Age应该有效。

这只发生在菜单中的这个特定下拉列表中，而不是其他任何一个。菜单中的所有其他下拉菜单都具有完全相同的代码，唯一不同的是href url。我尝试订购下拉菜单，但它仍然只发生在添加下拉列表中。

以下是此部分的html代码：

<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
   <div class="navbar-default sidebar" role="navigation">
      <div class="sidebar-nav navbar-collapse">
        <ul class="nav" id="side-menu">
    ...
        <li>
          <a href="#">
            <i class="fa fa-edit fa-fw"></i>
            Add
            <span class="fa arrow"></span>
          </a>
          <ul class="nav nav-second level">
            <li>
              <a href="{% url "nameFirst" %}">First Names</a>
            </li>
            <li>
              <a href="{% url "nameLast" %}">Last Names</a>
            </li>
            <li>
              <a href="{% url "occupation" %}">Occupations</a>
            </li>
          </ul>
        </li>
 ...
      </ul>
    </div>
  </div>
</nav>

urls.py中的相关网址部分：

...
  url(r"^nameFirst$", NameFirstView.as_view(), name="nameFirst"),
  url(r"^nameLast$", NameLastView.as_view(), name="nameLast"),
...

页面转到正确的目的地，菜单正常运行。唯一的问题是它显示错误的活动选项，如图所示。

编辑：

我在底部添加了以下代码：

  <script type="text/javascript">
    $(function(){
      $("a").click(function(){
        $("a").removeClass("active")
        $(this).addClass("active")
      })
    })                                                   
  </script>

这仍然无法解决问题。

我还编辑了这个问题，以表明我正在使用django，因为它似乎与django有关。问题仅发生在菜单中的下拉列表中，而不是其他任何内容。

菜单中有多个活动项目

0 个答案: