Navbar-Element nur bei geringerer Breite umschalten jQuery

Question

In meinem Fall habe ich ein einfaches Header-Menü, in dem 2 der li Tags ein Untermenü haben. Ich möchte toggleClass nur auslösen, wenn die Bildschirmbreite niedriger als 992px ist. Versucht mit if($(window).width() > 992) aber ohne Ergebnis.

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

Vielen Dank im Voraus!

Ich habe es geschafft! Sie wissen nicht, ist es der richtige Weg, aber es funktioniert für mich :)

$(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

können Sie versuchen, mit

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

     // another function here 
    } 
     }); 

Sie auch verwenden if (screen.width < 922) müssen, wenn das Dokument laden, wenn der Bildschirm zu erfassen, Größe ist weniger als 922, wenn das Dokument Last

Answer 2

Oder Sie können es mit CSS

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