Question

我已经看过很多关于如何在悬停时使用Bootstrap菜单下拉菜单而不是点击它的文章。不幸的是，如果菜单链接是“活跃的”，我就无法完成这项工作。对于给定的页面。

我无法分享我正在处理的网站或代码来自网站的示例，但这里有一个与我的内容非常类似的导航栏示例：https://codepen.io/betdream/pen/frDqh

<ul class="nav navbar-nav">
            <li class="active"><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
                <li class="divider"></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>

除了想象＆＃34; Dropdown＆＃34;也链接到一个页面。当用户在＆＃34;下拉＆＃34;页面＆＃34;下拉＆＃34;菜单头将处于活动状态，然后菜单悬停效果中断。注意：我正在处理的网站是基于Django的（它实际上是一个基于Web的桌面应用程序），我在＆＃34; Dropdown＆＃34;中使用了一个块语句。页面的html来制作＆＃34; Dropdown＆＃34;菜单链接显示＆＃34;活动＆＃34;：

{% block %}<li class="active"><a href="link">Dropdown</a>{% endblock %}

点击＆＃34;下拉＆＃34;将带您进入＆＃34; Dropdown＆＃34;页面，制作＆＃34;下拉＆＃34;导航栏的一部分处于活动状态，因此悬停效果需要起作用，否则用户将无法访问＆＃34; Dropdown＆＃34;菜单。

即使菜单头处于活动状态，如何让下拉菜单继续使用悬停效果？ Bootstrap的javascript会以某种方式干扰吗？

Bootstrap navbar：如何在悬停时有一个活动的导航栏项目下拉列表？

0 个答案: