1

我第一次使用引导程序 2.3 版。到目前为止,进展并不顺利,因为这是我第一次实现引导响应式设计。

我有一个带有子菜单的导航菜单,并且我被要求同时具有这些菜单的功能clickhover以便在桌面上查看网站时,它使用悬停查看子菜单并在移动设备上查看时使用 Click 事件。

在遇到几个问题后,我设法让它工作,这样我的两个事件都可以用于菜单导航,但是我遇到了一个问题,我仍然被卡住了。

到目前为止我所拥有的演示的链接在这里:

http://demo.kashmirsouq.com/TestPage.htm

现在在移动设备上,我必须双击菜单并等待半秒钟才能打开子菜单。我无法弄清楚如何通过用户单击来显示子菜单。

我已经为这个问题苦苦挣扎了两天,所以我很感激这个问题的帮助。

参考:我正在使用以下主题:http://htmlstream.com/unify/但我对代码进行了一些修改以具有悬停功能。`

悬停事件基于此:https://github.com/CWSpear/twitter-bootstrap-hover-dropdown

我将不胜感激这方面的帮助。

4

1 回答 1

2

实际上,您可以单独使用 CSS 完成此操作,而不必担心为此渲染 JS。在您的菜单项上使用:hover伪类,并在悬停时将显示块应用于选择器的相邻“菜单项”(当然您也可以为动画添加 css-transitions - 请记住,尽管 css 过渡不会支持非 HTML5 浏览器)。

伪类在第:hover一次点击时在触摸设备上被激活,点击其他任何地方都会取消悬停状态。请参阅以下文章,该文章传达了相同的信息:http ://www.html5rocks.com/en/mobile/touchandmouse/#toc-4

这是一个演示这种方法的工作小提琴(http://jsfiddle.net/svigna/2eaNY/ )。

于 2013-08-23T19:03:50.477 回答