Как проверить, является ли элемент visibility = hidden истинным jQuery

Question

Как проверить, является ли элемент visibility = hidden истинным jQuery

0

Скажем, у меня есть 2 элемента, div1 и div2. И когда я нажимаю на div1, div2 должен .toggleClass() между visibility=hidden и visibility=visible. Это прекрасно работает. Но когда я пытаюсь это сделать:

if($('#div2').css('visibility') == 'hidden') {
$('#div1').replaceWith('<span> Duh </span>');
}

Ничего не происходит. Если я сменил 'hidden' на 'visible' он работает нормально. Но это не то, что я хочу. Я знаю, что при использовании видимости = hidden элемент все еще считается видимым, но shoulnd't .css('visibility') == 'hidden' проверяет, установлен ли стиль элемента для видимости = скрытый? Что в моем случае должно быть правдой.

Я также пробовал

if($('#div2').hasClass('visHidden')) {
$('#div1').replaceWith('<span> Duh </span>');
}

Но ничего не происходит.

Может ли проблема заключаться в том, что при загрузке DOM ни один из классов visHidden и visVisible не установлен? Потому что я только устанавливаю их с помощью jQuery, если элемент щелкнут. Если это так, то обходите это? И я не могу использовать свойство отображения.

user2829315 02 окт. 2013, в 10:20

Источник

0

Можете ли вы предоставить jsFiddle?
Pouki 02 окт. 2013, в 07:29
0

когда показанные фрагменты исполняются? (Звучит так, как будто вы ожидаете, что код приведет к автоматическому обновлению div1 при изменении класса div2)
subsub 02 окт. 2013, в 07:31
0

@subsub Вы абсолютно правы. Я добавил кнопку обновления: $('#refresh').click(function() {...} и после этого if-выражение выполнено правильно. Спасибо, что указали на то, что должно было быть очевидным ..
Ekso 02 окт. 2013, в 07:55
0

@ Subsub Я был так растерян, потому что он работал, когда 'hidden' был 'visible' . Действительно не помнил, что когда DOM загружается, все видимые элементы уже имеют 'visible' стиль. Поэтому не нужно обновлять это время.
Ekso 02 окт. 2013, в 08:02
0

пожалуйста ;-)
subsub 02 окт. 2013, в 22:12

Показать ещё 3 комментария

Теги:

jquery

html

css

2 ответа

Ещё вопросы

когда показанные фрагменты исполняются? (Звучит так, как будто вы ожидаете, что код приведет к автоматическому обновлению div1 при изменении класса div2)
@subsub Вы абсолютно правы. Я добавил кнопку обновления: $('#refresh').click(function() {...} и после этого if-выражение выполнено правильно. Спасибо, что указали на то, что должно было быть очевидным ..
@ Subsub Я был так растерян, потому что он работал, когда 'hidden' был 'visible' . Действительно не помнил, что когда DOM загружается, все видимые элементы уже имеют 'visible' стиль. Поэтому не нужно обновлять это время.

NaYaN · Answer 1 · 2013-10-02T05-14-00.000Z

вы должны попробовать использовать метод .is() jquery для проверки видимости.

$(element).is(":visible") // Checks for display:[none|block], ignores visible:[true|false]

в твоем случае,

if(!$('#div2').is(":visible")) {
    $('#div1').replaceWith('<span> Duh </span>');
}

Alireza Masali · Answer 2 · 2013-10-02T05-28-00.000Z

это ваш ответ

    if($('#div2').is(':visible')) {....}

Нет, это не так. :visible не работает с элементами, чья видимость переключается с атрибутом CSS visibility .