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