僅在較低寬度上切換導航欄項目jQuery

在我的情況下，我有一個簡單的標題菜單，其中li標籤中有2個子菜單。僅當屏幕寬度低於992px時，我纔會觸發toggleClass。與if($(window).width() > 992)試過但沒有結果。僅在較低寬度上切換導航欄項目jQuery

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; 
     } 
    }); 
});

來源

2017-06-17 Toma Tomov

，你可以嘗試用

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

     // another function here 
    } 
     });

，你還需要使用if (screen.width < 922)當文件裝載到如果屏幕檢測尺寸小於922時，文件裝載

來源

2017-06-17 11:09:18

'Screen.width'總是返回1920。猜猜它總是返回我的顯示器的寬度，但當我決定調整瀏覽器的大小時，它會再次返回1920我會更新帖子，看看我是如何做到的。 –

或者你可以用CSS

@media screen and (min-width: 992px) { // add your class here }

做

來源

2017-06-17 11:12:00 Jonathan

他沒有標籤的CSS他正在尋找一個JQuery的解決方案 –

「或」..這是一個選項 – Jonathan

僅在較低寬度上切換導航欄項目jQuery

回答

相關問題