2017-05-03 2 views
1

Ich habe code, der die esc-taste aktiviert die navigation (schaltet ein und aus). Ich will es nicht funktionieren, wenn der Bildschirm größer als 768pxentfernen esc funktion auf der bildschirmgröße

$(document).keyup(function(e) { 
if (e.keyCode == 27) { 
    $('.mobile-nav').toggleClass('show-nav'); 
    // $('.test').removeClass('mobile-nav'); 
} 
+0

Was ist das Problem? – Dom

Antwort

1

nur für window.outerWidth Check-in Ihrem if-Anweisung

$(document).keyup(function(e) { 
if (e.keyCode == 27 && window.outerWidth < 768) { 
    $('.mobile-nav').toggleClass('show-nav'); 
    // $('.test').removeClass('mobile-nav'); 
} 
+0

Perfekt danke, ich habe versucht, es in eine andere Funktion zu verpacken, das funktioniert viel besser – user3550879

0

Sie so etwas wie das bedeuten?

$(document).keyup(function(e) { 
if (e.keyCode == 27 && $(window).width() > 768) { 
    $('.mobile-nav').toggleClass('show-nav'); 
    // $('.test').removeClass('mobile-nav'); 
} 

in alternbativa Sie BIND und UNBIND Funktionen verwenden können, um das Ereignis zu aktivieren und deaktivieren, aber ich Ihnen persönlich nicht empfehlen.

Verwandte Themen