Как правильно записать двойное условие учитывающее ширину экрана (JQuery)?

Question

[Axiniya]

Имеется такой код:

$(document).mouseover(function() {
    if($('.level3:visible').length == 0)
    {
		$('.nav-icon3').removeClass('open3lvl');
    }
    else
    {
        $('.nav-icon3').addClass('open3lvl'); 
    }
});

Вот так не работает:

$(document).mouseover(function() {
    if($('.level3:visible').length == 0 && ($(window).width() <= '770'))
    {
		$('.nav-icon3').removeClass('open3lvl');
    }
    else
    {
        $('.nav-icon3').addClass('open3lvl'); 
    }
});

Подскажите, что не так? Как правильно записать?

Comments

[Mesuti]

Потому что сравнение числа со строкой
$(window).width() <= '770')

[Axiniya]

Mesuti, точно, спасибо

[Вадим]

Mesuti, Продублируйте пожалуйста в ответы и отметим решением, Axiniya либо удалите вопрос, чтобы другие пользователи сервиса не тратили своё время.

[Everybody_Lies]

Mesuti, и при чём тут это?

Перед сравнением оператор равенства приводит обе величины к общему типу.

770 == '770' и 770 == 770 дадут идентичный результат

Answer 1

[Everybody_Lies]

$('.level3').on('mouseover', function() {
  if( $(this).is(":visible") && ($(window).width() <= '770')) {
    $('.nav-icon3').removeClass('open3lvl');
  }
  else {
    $('.nav-icon3').addClass('open3lvl'); 
  }
});