Нужно изменить скрипт в зависимости от ширины экрана

250
10 сентября 2018, 05:00

Нужно сделать чтоб при ширине 375px выполнялась функция с другой высотой

 $(function(){
  $(".link").click(function(){ 
      $("#infoaboutApart").css({height: '800px'}); 
    });
  });
  $(function(){
  $(".link").click(function(){ 
      $(".info").css({height: '1700px'}); 
    });
  });
Answer 1

Тут есть несколько вариантов. Можно попробовать через CSS, используя медиа-запросы. Если принципиально js, то используем window.innerWidth. У Вас возможно допущена опечатка в коде, однако я сделал по вашим примерам.

Итог:

 $(function(){
  $(".link").on('click', function(){ 
      if(window.innerWidth < 376){
         $("#infoaboutApart").css({height: '800px'}); 
         $(".info").css({height: '1700px'}); 
      }else{
           //....
      }
    });
  });
READ ALSO
localStorage обновляется. Как запретить

localStorage обновляется. Как запретить

При перезагрузке страницы отображаются только последнедобавленные, вместо всехЕсли var tasks = []; сделать глобальной, идет некорректное сохранение...

209
Вставка значений переменных в текст Javascript

Вставка значений переменных в текст Javascript

Имеется текст нескольких различных математических задач

249
Active Directory с помощью JavaScript

Active Directory с помощью JavaScript

Как получить информацию о пользователе в Active Directory с помощью JavaScript?

234
Как правильно добавить элементы в такой массив?

Как правильно добавить элементы в такой массив?

В момент перебора массива, раз в цикл из массива извлекаются 3 значения: typeN, nameN и valueNКак правильно добавлять их в новый массив, чтобы получить...

246