Question

我想创建一个带子菜单的菜单。移动到顶部菜单后，显示子菜单的整个页面宽度。它有效，但我的移动菜单有问题。我正在使用bootstrap，但我无法点击链接。代码选择链接在div下面。我必须要那个菜单。你有什么想法，有什么不对吗？

<ul>
 <li>Head link</li>
 <div id="submenu"><li></li></div>

 <li>Head link</li>
</ul>

Answer 1

首先，拥有这样的声誉，我不应该回答这些问题。我对此感到抱歉。但在真正帮助OP的意义上，我正在回答这个问题。请阅读如何在StackOverflow中提问。

您的代码中出现了很多错误：

您不能直接<div>内的<ul>。
您不能直接<li>内的<div>。
submenu应该是class，而不是id。
<li>的所有内容都应该包含在<a>标记内。
如果您使用的是Bootstrap的导航，则需要使用data-toggle属性。

更正后的代码：

<ul>
  <li>
    <a href="#">Head link</a>
    <div id="submenu">
      <ul>
        <li></li>
      </ul>
    </div>
  </li>
  <li>
    <a href="#">Head link</a>
  </li>
</ul>

使用data-toggle属性：

<ul>
  <li class="dropdown">
    <a href="#" class="dropdown-trigger" data-toggle="dropdown">Head link</a>
    <div id="submenu" class="dropdown-menu">
      <ul>
        <li></li>
      </ul>
    </div>
  </li>
  <li>
    <a href="#">Head link</a>
  </li>
</ul>

Bootstrap - li中的div

1 个答案: