【发布时间】:2018-03-16 17:32:21
【问题描述】:
我正在这个网站上工作http://www.onlineshoppingdeals.in/
如果您在桌面浏览器中打开,菜单可以正常工作(重定向到正确的链接)。
如果在移动浏览器中打开,重定向会失败。这里有什么问题?
【问题讨论】:
标签: javascript jquery response mobile-website
我正在这个网站上工作http://www.onlineshoppingdeals.in/
如果您在桌面浏览器中打开,菜单可以正常工作(重定向到正确的链接)。
如果在移动浏览器中打开,重定向会失败。这里有什么问题?
【问题讨论】:
标签: javascript jquery response mobile-website
我查看了该网站,发现当width > 768 链接位于<a> 标记中时,但当您将其转换为移动设备(width < 768) 时,导航变为<select> 标记,其中包含<options>。因此,您需要编写一些 JavaScript 代码,这些代码将使用 $('select').change() 自行触发
【讨论】:
有两种方法可以做到这一点,使用两个菜单进行引导,根据媒体查询隐藏和显示它们。
简单的方法是
http://www.foo.bar'" >Foo http://www.foo.bar'">酒吧
硬法是
[在此处输入图片描述][1]
您可以删除小菜单继续使用主菜单,如下图所示。您只需要更改菜单图标。
【讨论】: