window.innerWidth <= 480 не работает

У меня есть небольшой скрипт, который отлично работает на экране ПК, но когда я нахожусь на телефоне, я работаю над ним. Я попробовал найти ответ здесь, но я купила найти что-то вроде этого. У меня есть использование перед шириной различных таблиц стилей, и нет проблем с ней. теперь я пытаюсь использовать его width @media all и (xxxxx) в той же таблице стилей, и здесь он работает доцентом по телефону.window.innerWidth <= 480 не работает

if(window.innerWidth && window.innerWidth<=480){ 
    $(document).ready(function() { 
    $('ul.nav').addClass('hide'); 
     $('header').append('<div class="left_buttom"  onclick="toggleMenu()"><img src="images/nav.png"></div>'); 
    }); 
     function toggleMenu(){ 
     $('ul.nav').toggleClass('hide'); 
     $('header .left_buttom').toggleClass('pressed'); //indbygget jq class 
     } 
}

источник

2015-05-29 Kim Vase

Вместо этого вы должны использовать 'window.matchMedia()': https://developer.mozilla.org/en/docs/Web/API/Window/matchMedia –

$(document).ready(function() { 
    if (window.innerWidth && window.innerWidth <= 480) { 
     $('ul.nav').addClass('hide'); 
     $('header').append('<div class="left_buttom" onclick="toggleMenu()"><img src="images/nav.png"></div>'); 
    } 
}); 

function toggleMenu() { 
    $('ul.nav').toggleClass('hide'); 
    $('header .left_buttom').toggleClass('pressed'); //indbygget jq class 
}

Дон «т нужно ready внутри if
Нет необходимости toggleMenu внутри if

источник

2015-05-29 10:18:27 Tushar

, который много работает в баках, единственная проблема, которую я получил сейчас, - это что меню, которое должно быть захлопнуто на screnne ontel, я разоблачил дно, не скрывал. –

@KimVase Добавить код в состояние accordiongly – Tushar

Вы можете разместить его на этой странице http://itopgaver.dk/hanne Я только тестирую для клиента, поэтому текст и изображения - это morkups. –

Try добавляя мета-тег между <head> тег

<meta name="viewport" content="initial-scale=1">

источник

2015-05-29 10:22:15

Я получил эту строку на своем html, так что это не проблема, но ответ от Tushar поможет, но спасибо –

window.innerWidth <= 480 не работает

ответ

Смежные вопросы