javascript - 网站上的移动菜单问题

Question

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

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

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

我提供该链接是为了向您展示，但同样的情况也发生在我的手机上。

这是 .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');
        }  
    }); 
}); 

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

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

任何想法伙计们，真的很感激一些帮助!

Answer 1

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