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

奇怪的是，最初jtml是在html结束时调用的，它工作正常，但有必要将它移到Fancybox和我正在运行的其他脚本的顶部。这就是导致问题的原因，只要下面的代码停止在HTML文档中，导航菜单就会停止在手机和平板电脑上运行：

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

任何想法的人，真的很感激一些帮助！

Answer 1

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

网站上的移动菜单问题

1 个答案: