Как сделать проверку на max-width в jQuery?

259
10 декабря 2016, 10:31

Мне нужно чтобы скрипт выполнялся только тогда, когда ширине окна выше заданного значения. Как это сделать? Код, который нужно выполнять: 

	 var cw = $('.slider').height(); 
	 $('.nav').css({ 
	   'max-height': cw + 'px' 
	 });

Answer 1

Все просто, попробуй:

//Inicialize at start 
if ($(window).width() > 500) { 
  //Active 
  var cw = $('.slider').height(); 
  $('.nav').css({ 
    'height': cw + 'px' 
  }); 
} 
else { 
  //Some active when width of browser window less than 500 
} 
 
 
//Activities with resize window 
$(window).resize(function() { 
  if ($(window).width() > 500) { 
    //Active 
    var cw = $('.slider').height(); 
    $('.nav').css({ 
      'height': cw + 'px' 
    }); 
  } 
  else { 
        $('.nav').css({ 
      'height': 40 + 'px' 
    }); 
  } 
});
    .slider { 
      height: 80px; 
      width: 80px; 
      background-color: black; 
    } 
 
    .nav { 
      height: 40px; 
      width: 80px; 
      background-color:orange; 
    }
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
 
<div class="slider"> 
</div>   
 
<div class="nav"> 
</div>

Answer 2

можно вот так

if ($(window).width() > 'значение') {
     var cw = $('.slider').height();
     $('.nav').css({
       'max-height': cw + 'px'
     });
}