Question

在我的情况下，我有简单的标题菜单，其中2个li标签有子菜单。我想仅在屏幕宽度低于toggleClass时触发992px。试过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;
}

提前谢谢！

我做到了！不知道这是正确的方式，但它对我有用：）

$(function () {
    $('.menu-item-custom').on('click', function () {
       if($(window).width() < 992){
           var $elem = $(this);
           var $sub_menu = $elem.find('.sub-menu');
           $sub_menu.toggleClass('visible-class');
           return false;
       }
    });
});

Answer 1

你可以试试

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

      // another function here
    }
        });

您还需要在文档加载时使用if (screen.width < 922)来检测文档加载时屏幕大小是否小于922

Answer 2

或者你可以用css

来做

1

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

2 个答案: