响应菜单Ul仅在移动设备上关闭

Question

我正在尝试修复我的响应菜单，这样当我点击链接时，菜单就会向上滑动http://ineedaweatherforecast.co.uk/index.html

<script>
$(document).ready(function() {
    $('.toggle-nav').click(function(e) {
        $(this).toggleClass('active');
        $('.menu ul').slideToggle('active');
        e.preventDefault();
    });
});
</script>
<script>
    $(document).ready(function() {
        if ( $(window).width() < 1061) {  
    $('.switch').click(function() {
        $('.menu ul').slideToggle();
  });
};
    });
</script>

我遇到的问题是，这也会在我不想要的桌面/平板电脑上滑动菜单-因此尝试"if（$（window）.width（）<1061）{"只在1060或更小的屏幕尺寸下这样做-即我使用汉堡菜单的屏幕尺寸-但这不起作用。

有人能帮忙吗？快疯了！

谢谢James

Answer 1

我建议使用用户代理来检测用户使用的设备类型，甚至是他们使用的浏览器。

这是一篇很好的文章，讨论了使用jQuery进行移动检测的不同方法-在jQuery中检测移动设备的最佳方法是什么？