Как заставить скрипт проверять значение свойства селектора?

Question

[doriulbool]

Как заставить скрипт проверять значение свойства селектора? Ситуация следующая. На старых андройдофонах и айфонах нет поддержки calc() и прочего добра. Я организовал вот такую тему для реализации адаптивного дизайна, но она не работает. Если сделать кнопку и навесить на нее click, то значение получается и равно оно, например 800px или 0px. Именно px. Возможно, я что-то делаю не так с типом данных.

$(function() {
if ($('#first').css('height') == '0px')
{
$(".first").css('height', $(window).height());
}
});

Answer 1

[Андрей Клюев]

Используйте не $('#first').css('height'), а $('#first').height(), и будут у вас числа без `px`.
Для задания высоты, соответственно - $('#first').height($(window).height());

+ Повесь на window обработчик resize, раз вы пилите это для мобильных, значит при повороте экрана высота будет меняться и нужно перерисовывать интерфейс ;)

В идеале, вам можно все свои вычисления и манипуляции проводить в обработчике по resize. И при загрузке страницы делать $(window).trigger('resize');

Comments

[doriulbool]

Вы совершенно правы. Только тут один минус есть. На большинстве самсунгов строка с адресом при прокрутке пропадает, а значит увеличивается высота, при этом все элементы, у которых от этого значения есть зависимость начинают скакать. Я повесил transition в 999999s, чтобы этого не было.

[doriulbool]

Хотя это все пока у меня из-за отсутствия должного опыта и думаю, нужно просто еще поковыряться и все получится.

[doriulbool]

Кстати, тот мой код работал. Просто я не внимательный.

Answer 2

[atis //]

Повесь на window обработчик resize

Comments

[doriulbool]

Насколько я знаю, это необходимо для тог, чтобы размер менялся при изменении экрана. Мне это не нужно.