仅在较低宽度的jQuery上切换导航栏项

在我的例子中，我有一个简单的标题菜单，其中两个

li

标签有子菜单。我只想在屏幕宽度低于

992px

时触发

toggleClass

。 尝试使用

if（$（window）.width（）>992）

但没有结果

function fetchMenu(e) {
    var $elem = $('#'+e.id);
    var $sub_menu = $elem.find('.sub-menu');
    $sub_menu.toggleClass('visible-class');
    return false;
}

提前谢谢你

我做到了！不知道这是不是正确的方法，但对我来说是有效的：）

$（函数（）{
$（'.menu item custom'）。在（'单击'，函数（）{
如果（$（窗口）.width（）<992）{
变量$elem=$（本）；
var$sub_menu=$elem.find（'.sub menu'）；
$sub_menu.toggleClass（'visible-class'）；
返回false；
}
});
});

您可以尝试使用

$(window).resize(function(){
     if (screen.width < 922) {
     //your function here
    }
    else {

      // another function here
    }
        });

$（窗口）。调整大小（函数（）{
如果（屏幕宽度<922）{
//你在这里的职能
}
否则{
//这里还有一个功能
}
});

当文档加载时，您还需要使用

if（screen.width<922）

来检测当文档加载时，屏幕大小是否小于922

$(window).resize(function(){
     if (screen.width < 922) {
     //your function here
    }
    else {

      // another function here
    }
        });

$（窗口）。调整大小（函数（）{
如果（屏幕宽度<922）{
//你在这里的职能
}
否则{
//这里还有一个功能
}
});

---

当文档加载时，您还需要使用

if（screen.width<922）

来检测当文档加载时屏幕大小是否小于922，或者您可以使用css

@媒体屏幕和（最小宽度：992px）{
//在这里添加您的类
}

或者您可以使用css来完成

@媒体屏幕和（最小宽度：992px）{
//在这里添加您的类
}

他没有标记CSS，他正在寻找一个Jquery解决方案“或”。。这是一个选项，他没有标记CSS，他正在寻找一个Jquery解决方案“或”。。这是一个选项

屏幕。宽度
始终返回1920。我猜它总是返回显示器的宽度，但当我决定调整浏览器大小时，它又返回1920:）将更新帖子以查看我是如何操作的。
Screen.width
总是返回1920。我猜它总是返回显示器的宽度，但当我决定调整浏览器的大小时，它又返回1920:）将更新帖子，看看我是如何做到的。