我想利用Twitter的引导框架制作一个应用程序。我有一个导航栏,其功能类似于带有文件/编辑/帮助/等的文件菜单栏。
我喜欢您需要单击才能显示下拉列表的事实,但是我怎样才能使其位于它将下拉"编辑"菜单的位置,例如从"文件"菜单移动时(单击并下拉后)。
这方面的一个例子是转到谷歌文档,单击一个菜单,然后移动到另一个菜单项,它将下拉新的悬停菜单
我的解决方案:对于您的<ul>
元素,请创建两个类。例如,一个doc-menu
另一个normal-menu
.在菜单项上单击:您的<li>
应该class="active"
并<ul class="doc-menu"
。然后在<li class="active">
里面显示内在<ul><li>....</ul>
,即使没有悬停,也要保持下去。在其他doc-menu
项目悬停上,您将活动类更改为其他<li>
元素。这可以通过使用javascript监听鼠标悬停来完成。单击背景或内部<ul><li>....</ul>
时,将<ul class="doc-menu">
更改为<ul class="normal-menu>