Question

我正在处理多级下拉菜单。它看起来像下拉菜单中的下拉菜单。当我点击内部下拉菜单时它没有显示右侧，它会在菜单下方打开。我想要显示内侧下拉菜单就像一个楼梯一样右侧。如何解决这个问题？

我的代码在这里

<li class="dropdown">
   <a href="#" class="dropdown-toggle" data-toggle="dropdown">E-magazine
      <b class="caret"></b>
   </a>
   <ul class="dropdown-menu">
       <li class="dropdown-submenu">
         <li><a href="../Home/Emag">Valarum Vinnarasu</a></li>
         <li><a href="#">The Throne</a></li>
       </li>
   </ul>
</li>
<li><a href="../Home/childrenhome">Children Home</a></li>
</ul>
</li>

Answer 1

您的代码中有标记错误可能是它的帮助。显示你的CSS，看看你如何实现下拉

struct User

Answer 2

您可以使用JavaScript来执行此操作。

JavaScript代码示例：

<ul>
   <li>List item one</li>
   <li><a href="#" id="elemId1" onclick="showNested(this);">List item two with subitems:
      <ul id="innerList" style="display: none">
         <li>Subitem 1</li>
         <li>Subitem 2</li>
      </ul>
   </a></li>
   <li>Final list item</li>
</ul>

和HTML：

{{1}}

工作原理：它会对onclick事件做出反应。单击元素时，showNested函数运行并将调用者作为参数传递。它找到调用者的第一个子元素（内部列表）并显示它。再次单击它时，它会隐藏它。您可以将该函数用于少数嵌套列表。您可以使用onmouseover事件。

多下拉子菜单未正确显示

2 个答案: