【问题标题】:Mobile menu navigation not working移动菜单导航不起作用
【发布时间】:2018-03-16 17:32:21
【问题描述】:

我正在这个网站上工作http://www.onlineshoppingdeals.in/

如果您在桌面浏览器中打开,菜单可以正常工作(重定向到正确的链接)。

如果在移动浏览器中打开,重定向会失败。这里有什么问题?

【问题讨论】:

    标签: javascript jquery response mobile-website


    【解决方案1】:

    我查看了该网站,发现当width > 768 链接位于<a> 标记中时,但当您将其转换为移动设备(width < 768) 时,导航变为<select> 标记,其中包含<options>。因此,您需要编写一些 JavaScript 代码,这些代码将使用 $('select').change() 自行触发

    【讨论】:

    • 不知道,但问题是我说的。您的导航从
        变为
    • 能否请您告诉我为什么移动视图中没有箭头图标?
    • 箭头图标是什么意思?我在这个网站上看不到任何箭头。你是买的还是自己建的?听起来像是你买的。
    【解决方案2】:

    有两种方法可以做到这一点,使用两个菜单进行引导,根据媒体查询隐藏和显示它们。

    1. 简单的方法是

      http://www.foo.bar'" >Foo http://www.foo.bar'">酒吧

    2. 硬法是

    [在此处输入图片描述][1]

    您可以删除小菜单继续使用主菜单,如下图所示。您只需要更改菜单图标。

    enter image description here

    【讨论】:

    • 能否请您告诉我为什么移动视图中没有箭头图标?
    • 您的 glyphicons 似乎丢失了。只需复制并粘贴 fonts 文件夹到网站根目录,它就会自动出现。
    猜你喜欢
    • 2018-09-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-29
    相关资源
    最近更新 更多