Изменение стилей на js на разных разрешениях экрана

Рейтинг: 2Ответов: 1Опубликовано: 16.04.2015

Подключил скрипт Enquire.js. Мне необходимо, чтобы при разрешении в 600px выполнялись определенные условия по изменению стилей, а после при расширении экрана все возвращалось в исходное положение. С первым пунктом получилось, а со вторым нет - поможете? Пытаюсь сделать с помощью match-unmatch - не выходит.

Вот сам код:

enquire.register("screen and (max-width: 600px)", function() {
  match: function() {
    $('.entertain .counter_holder span.counter:contains("98")').css('top', '94px');
    $('.entertain .counter_holder span.counter:contains("37")').css('top', '181px');
    $('.entertain .counter_holder span.counter:contains("60")').css('top', '271px');
  },
  unmatch: function() {
    $('.entertain .counter_holder span.counter:contains("98")').css('top', '7px');
    $('.entertain .counter_holder span.counter:contains("37")').css('top', '7px');
    $('.entertain .counter_holder span.counter:contains("60")').css('top', '7px');
  }
});

css javascript jquery
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Ты передаешь функцию enquire.register("screen and (max-width: 600px)",function(){});

А надо объект enquire.register("screen and (max-width: 600px)", {});

Что-то похожее на это

enquire.register("screen and (max-width: 600px)", {
  match : function() {
    $('.test').css('height', '94px');
  },  
  unmatch : function() {
    $('.test').css('height', '194px');
  }
});

Пример - меняй ширину результ таба