网站上的移动菜单问题

Question

希望这是我最后一次需要你们的帮助：网站 3six-d.co.uk

在普通网站上一切正常，但是当我尝试在手机上使用它时出现问题。

http://mobiletest.me/iphone_5_emulator/#u=http://3six-d.co.uk/index.html

我把那个 link 给你看，但同样的事情也发生在我的 phone 上。

这是 .js 文件中的相关代码（我可能错了，但我认为是）

$(function() {  
    var trigger = $('#responsive-nav');  
        menu = $('#main-nav ul');

    $(trigger).on('click', function(e) {  
        e.preventDefault();  
        menu.slideToggle();
        $(this).toggleClass('nav-visible');
    }); 

    $(window).resize(function(){  
        var windowW = $(window).width();  
        if(windowW > mobileRes && menu.is(':hidden')) {  
            menu.removeAttr('style');
        }  
    }); 
});

一个奇怪的现象是，最初 jQuery 在 html 的末尾被调用并且它工作正常，但是有必要将它移到顶部以用于 Fancybox 和其他我是运行的脚本。这就是导致问题的原因，只要以下代码位于 HTML 文档的末尾，导航菜单就会在手机和平板电脑上停止工作：

<script type="text/javascript" src="js/jquery.min.js"></script>

任何想法伙计们，非常感谢一些帮助！

Answer 1

您是否尝试使用超时来查看它是否是竞争条件？

网站上的移动菜单问题

Issue with Mobile Menu on Website

javascript

jquery

html

css

mobile-website