Как заставить этот скрипт jQuery работать с определенной шириной

#javascript #jquery

#javascript #jquery

Вопрос:

Я новичок в Jquery. У меня есть простой фрагмент кода, который изменяет высоту элемента на половину высоты окна.

 $(function () {

    'use strict';

    $('.moubdi3in').height($(window).height());
});
  

Я хочу, чтобы этот скрипт работал только тогда, когда размер окна превышает 769 пикселей. При меньшей высоте я хочу придать элементу полную высоту окна.
Как я могу это сделать?
Спасибо

Ответ №1:

Вы можете использовать trinary оператор или if , чтобы решить, какой будет высота элементов в соответствии с текущей высотой окна:

 $(function () {

    'use strict';

    var windowHeight = $(window).height();

    $('.moubdi3in').height(windowHeight > 769 ? windowHeight / 2 : windowHeight);
});
  

Ответ №2:

Я хочу, чтобы этот скрипт работал только тогда, когда размер окна превышает 769 пикселей

 if($(window).height() <= 769) return; // reject function if less|equal 769px
  

Я хочу предоставить элементу полную высоту окна.

 $('.moubdi3in').css('height', $(window).height()); // set windows height to height property of .moubdi3in element