Применить медиа-запрос внутри метода?

У меня есть метод, который вызывается при нажатии кнопки, и медиа-запросы для правильной установки позиции.

method(){
          $(".window").animate(
            {
             right: 420 // apply media query here
            },5000)
        }

Я хотел бы применить конкретный медиа-запрос в зависимости от типа устройства внутри этого метода. Является ли это возможным ? Спасибо.

это возможно, но, вероятно, не обязательно, вы можете показать пример?

— apple apple 02.01.2019 08:35

контекст здесь похож на применение динамического положения справа в зависимости от устройства.

— Asridh Kumar 02.01.2019 09:48

IIRC все медиа-запросы также можно проверить в javascript. так что просто проверьте их.

— apple apple 02.01.2019 10:18
javascript jquery angular media-queries
02.01.2019 08:33
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
3
43
1

Ответы 1

Вы можете использовать какой-то конкретный .class и применить к нему медиа-запрос в своем CSS.

@media YOUR_CONDITIONS {.class {YOUR_STYLES}} И просто примените класс к элементу в js-скрипте.

— Maxim Anatol'evich Borovsky 02.01.2019 09:50

я имею в виду, как применить класс в файле js как его внутренний метод анимации

— Asridh Kumar 02.01.2019 09:51
02.01.2019 08:35

Другие вопросы по теме

Аутентификация Azure Ad не работает для нового ядра asp.net 2.1 с новым шаблоном angular 5.2. Поскольку в новом шаблоне мы не выполняем маршрутизацию к домашнему контроллеру
Расчетное значение не попадает в цикл
Передать имя представления в PartialViewResult с помощью JQuery в MVC
Как извлечь только определенное значение из ссылки поиска google?
Как отобразить значок в теге выбора параметров
Как удалить конкретную строку с помощью одной кнопки удаления, а не кнопки удаления в каждой строке?
Загружать содержимое страницы без перезагрузки всей страницы
Второй раскрывающийся список не заполняется
Открыть модальное окно при закрытии вкладки браузера
Создайте гиперссылку для каждой строки в динамической таблице с помощью AJAX или jQuery

Похожие вопросы

151 Uncaught TypeError: Невозможно прочитать свойство parentNode со значением null при удалении 2-го элемента расходов
Фильтровать свойства объекта на основе массива. И получить отфильтрованный объект
Расчетное значение не попадает в цикл
Node.js / Mongoose - отменить изменения базы данных при ошибке
Не удается добавить HTML-код javascript в отдельный файл .js (как это сделать)?
Глобальная переменная не работает в NodeJS undefined
Кукловод: более простой способ обрабатывать страницы, созданные при нажатии [target = "_ blank"]; дождаться загрузки и включить таймауты
Как удалить конкретную строку с помощью одной кнопки удаления, а не кнопки удаления в каждой строке?
Как изменить лайтбокс изображения JavaScript на лайтбокс видео
Должен ли я использовать хранилище сеансов или LocalStorage: javascript AWS