Как проверить видимый ли элемент или нет

262

13 июля 2017, 01:06

Есть элемент изначально скрытый

visibility: hidden;
opacity: 0;

При ховере он стает видимым

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

Проблема в том что

console.log($('.selector').css('visibility'));

возвращает hidden хотя я при загрузке заховерил и по логике елемент видимый.
Ищу еще варианты получение состояния элемента.

Answer 1

Не рассматриваешь как вариант не в стилях visibility: visible; при ховере делать, а просто добавлять элементу класс, в котором как раз таки и будет visibility: visible;. И проверять на наличие класса? console.log($('.selector').hasClass('class'));. То есть при ховере будешь добавлять нужный класс этому элементу.