关机.滑动在手机上切换

Shutdown .slideToggle on mobile

本文关键字：手机 关机      更新时间：2023-09-26

首先，如果我的英语很糟糕，而不是我的母语，我会尽力：（

这就是我的问题。我做了一个简单的菜单，当你点击类别的h2时，你可以用.slideToggle.获得子类别

在手机上，当我点击汉堡按钮并禁用滑动切换时，我希望它们都能用完。

到目前为止，这是我的html和js:

<nav class="full">
    <section class="nav">
        <h2>Category 1</h2>
        <ul>
            <li>
                <a href="">Menu 1</a>
            </li>
            <li>
                <a href="">Menu 2</a>
            </li>
            <li>
                <a href="">Menu 3</a>
            </li>
        </ul>
    </section>
</nav>

而我的js只是：

var menuAccountBlock = $("section.nav"),
    menuAccountButtonList = $("section.nav > h2"),
    menuAccountList = $("section.nav > ul");
    $(document).ready(function(){
        $(menuAccountButtonList).click(function () {
            $(this).parent().toggleClass("active");
            $(this).next().slideToggle(300);
        });
    });

因此，当我点击Category 1时，它会用slideToggle打开ul，并为我的css添加一个类。我只想在窗口宽度小于1020px的情况下禁用切换，我该怎么做？

以下是一种检测网站是否在移动设备中运行的方法（返回TRUE或FALSE）：

function detectmob() { 
 if( navigator.userAgent.match(/Android/i)
  || navigator.userAgent.match(/iPhone/i)  
  || navigator.userAgent.match(/Windows Phone/i) 
  || navigator.userAgent.match(/iPod/i) 
  || navigator.userAgent.match(/webOS/i)
  || navigator.userAgent.match(/BlackBerry/i)      
  || navigator.userAgent.match(/iPad/i)
  ){
    return true;
  }
 else {
    return false;
  }
}

所以，你可以这样做：

if (!detectmob()){//if will not a mobile device
    //here put your code for hide the UL
}

只有在不运行的情况下，移动设备才会隐藏UL。

相关文章：