Bootstrap, CSS, JS - Bootstrap 文件菜单栏在点击后悬停



我想利用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>

最新更新