Inline Если в Javascript манипулировать CSS кодом - PullRequest
Новая
       0

Inline Если в Javascript манипулировать CSS кодом

1 голос
/ 05 марта 2020

Я пытаюсь скрыть кнопку календаря, если ширина страницы меньше X пикселей. Кажется, есть неправильный синтаксис, но я не могу понять, что я делаю неправильно. Вот код; 

'calendars' : {
                    label : Dictionary.Calendar.AddCalendars,
                    icon : 'fa-calendar',
                    showText : false,
                    css : (($('.ak-page').width() < 500px ) ? 'col-xs-hide' : ''),

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

1 Ответ

4 голосов
/ 05 марта 2020

500px неверный синтаксис JavaScript.

Поскольку метод jQuery width() возвращает число пикселей в виде целого числа, я думаю, вы имеете в виду: 

css : (($('.ak-page').width() < 500 ) ? 'col-xs-hide' : '')

Или, если вы можете поддерживать window.matchMedia, вы можете добиться этого более надежно, проверяя ширину экрана, а не ширину произвольного элемента в DOM: 

css : (window.matchMedia('(max-width: 499px)').matches ? 'col-xs-hide' : '')
...