下拉导航菜单 - 需要移动和触摸设备的帮助

时间:2015-07-16 00:26:31

标签: jquery jquery-mobile drop-down-menu navbar touchscreen

您好我的网站有一个主导航菜单,适用于台式机。鼠标悬停打开下拉菜单,父菜单项也是可点击的链接(而不是'#')。

问题在于移动设备和触控设备。由于这些设备没有“悬停”,当我点击父类别时,我会直接进入该链接。我怎样才能这样做,所以第一次点击打开下拉列表,并让第二次点击仍然可以使用父菜单链接?

我应该从&#34切换下拉菜单设置;在悬停时打开"到"点击"然后使用css和jquery启用悬停在非触摸设备(即桌面)上?

我是网页设计的完整新手。我花了几个小时研究jquery和css代码,并且在这个问题上尝试了十几种不同的东西。对于这个问题似乎没有真正可靠的解决方案,并且它会导致客户在移动平台上的可用性问题。这是我的网站www.greenenvysuppy.com非常感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

您要做的是为桌面和移动设备制作单独的菜单。从小型设备隐藏桌面设备,并将移动设备隐藏在较大的设备中。

然后,您可以让桌面菜单具有您想要的悬停功能,并在您点击的移动版本上进行操作。

在移动设备上,您将父菜单链接添加到子菜单作为顶部链接。这样,通过单击父菜单,菜单将打开和关闭,因为用户应该依赖它,当他们想要转到父菜单链接时,他们只需单击第一个链接。

祝你好运!

相关问题