2011-01-31 4 views
1

Как я могу проверить значение (из тега CSS) с помощью jQuery?JQuery - проверить значение CSS

CSS

#my_div { display:none; } 

JS

$(document).ready(function() 
{ 

    if($('#my_div').is(':hidden')) 
    { 
    $('body').append('HIDDEN'); 
    } 
    else 
    { 
    $('body').append('VISIBLE'); 
    } 

} 

Это не сработало. Надеюсь, кто-то может мне помочь.

Пример: http://jsfiddle.net/9fSM6/

ответ

3

Вы пропускаете закрывающую скобку из ready: );

Кроме того, поставить <div id="my_div"></div> в вашем коде, в противном случае он будет обработан как «видимый», потому что у вас нет «my_div ', поэтому он также не скрыт.

Обновленный код: http://jsfiddle.net/ug6Dv/

обновленного Re-код: http://jsfiddle.net/PcmJW/

+0

Ah - не заметил, что проблема с исправлениями. – kieran

+0

@Peter отредактированный пост, дополнительная заметка о недостающем DIV – mdrg

+0

Привет, это моя проблема. Этот div не существует в моем коде, поэтому я должен проверить css (direct). Спасибо за быстрый ответ. – Peter

2

работал очень хорошо для меня, когда я добавил такой div элемент: http://jsfiddle.net/9fSM6/3/

Когда у вас нет какого-либо элемента, то is() всегда будет возвращать undefined, так что часть else всегда будет запущена.

2

Вы только что могли использовать функцию css. Возвращаемое значение данного свойства css:

$('#my_div').css('display') 
Смежные вопросы