我有一个两级引导菜单。我希望在选择并导航到某个项目时,始终显示该项目所在的下拉列表。这是我的精简版代码:
<ul class="menu-system">
<li class="active">
<a href="#">Location</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle menu-item" data-toggle="dropdown"> Top level Option 1</a>
<ul class="dropdown-menu">
<li><a href="#"> Option 1</a></li>
<li><a href="#"> Option 2</a></li>
<li><a href="#"> Option 3</a></li>
<li><a href="#"> Option 4</a></li>
</ul>
</li>
示例:当顶级选项 1> 选项 1 页面处于活动状态时,我想显示下拉菜单。它目前所做的只是显示顶级菜单。由于它是一个引导下拉菜单,因此默认情况下会显示这是下拉菜单应该工作的正确方式。不知道我是否可以让它动态显示。无论用户是否单击它或该页面上的任何其他内容,都应始终显示此内容。
我在一个 ASP.NET 应用程序中工作。我不确定这与活动标签有关,或者我是否必须编写一些 javascript/jquery 代码来获取当前页面并显示适当的下拉菜单。
非常感谢任何帮助。
JSFiddle:jsfiddle.net/yZ8C6