1

Подключил скрипт 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');
  }
});

8
  • вы уверены, что вам это надо делать на js, а не в css?
    – etki
    16 апр 2015 в 12:58
  • полностью! я бы с радостью, но мне уже подсказали, что на css нельзя обратиться к элементам по значению поля
    – Вася
    16 апр 2015 в 13:13
  • 3
    Вы уверены, что вам нужно обращаться по значению поля? Я уверен, что если вы расскажете задачу полностью, окажется, что этот зоопарк там не нужен.
    – etki
    16 апр 2015 в 13:15
  • использую счетчики, каждый со своим значением которые на сайт подключаю через visual composer, который не дает установить каждому индивидуальный id. мне их нужно располагать в разных местах страницы и в зависимости от размеров экрана. с помощью скрипта Enquire мне это сделать удалось - как можно это сделать без зоопарка? буду рад дельным советам!
    – Вася
    17 апр 2015 в 8:16
  • Я бы отказался от такого инструмента вообще. Но, как минимум, можно эту проверку сделать яваскриптом и каждому элементу проставить айдишник/иной атрибут на основе этой проверки. Все остальное - в css, как будто и не было этой проблемы.
    – etki
    17 апр 2015 в 9:01

1 ответ 1

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');
  }
});

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

1
  • Супер! спасибо!
    – Вася
    17 апр 2015 в 8:12

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.