【问题标题】:Mobile menu not activating on Mobile "touch"移动菜单未在移动“触摸”上激活
【发布时间】:2013-03-21 03:48:12
【问题描述】:

在移动设备上遇到响应式菜单问题。

手机版的菜单在电脑上点击时下拉,但在手机上测试时,菜单不下拉。

任何帮助将不胜感激!

链接:http://4grain.bmdigitalgroup.com/

安东尼

【问题讨论】:

    标签: jquery html css mobile responsive-design


    【解决方案1】:

    这与您的 gumby-trigger 有关,不确定是什么导致了问题,但我找到了解决方案。

    因为您只是想将 active 类添加到 ul 中,所以这将起作用

    <script>
    $(document).ready(function() {
        $('.toggle').click(function() {
            $('ul.nine').toggleClass('active');
        })
    });
    </script>
    

    建议:我会在按钮和实际菜单中添加 ID。这样你就可以在 jQuery 中使用 ID 而不是类来调用它们。

    【讨论】:

    • 对不起,我是.JS文盲哈哈。我到底应该在哪里删除那几行js?我目前在 gumby.toggleswitch.js 文件中。非常感谢!
    • 好的,我更新了答案中的代码。将其复制并粘贴到 HTML 中的 &lt;script src="js/modernizr-2.6.2.min.js" type="text/javascript"&gt;&lt;/script&gt; 行下方
    • 它现在可以在移动设备上运行,而且看起来很棒!唯一的问题是它停止在桌面上工作。非常感谢您在这方面的帮助!你太棒了!
    • 您认为这很重要吗?我没有看到大部分用户将桌面上的屏幕最小化到足以切换到移动菜单的程度。你有什么想法?
    • 是的,这可能不是什么大不了的事。但是请尝试删除切换按钮上的gumby-trigger,看看是否可以正常工作。
    猜你喜欢
    • 2017-04-22
    • 2012-04-15
    • 1970-01-01
    • 1970-01-01
    • 2018-01-17
    • 2015-03-30
    • 2012-03-12
    • 1970-01-01
    • 2020-12-09
    相关资源
    最近更新 更多