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>

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

有人可以协助吗？去小火车！

由于詹姆斯

Answer 1

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

这篇文章讲述了使用jQuery进行移动检测的不同方法 - What is the best way to detect a mobile device in jQuery?

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

1 个答案: