18 lines
1.4 KiB
Markdown
18 lines
1.4 KiB
Markdown
|
---
|
|||
|
|
title: Checking if the Element Is Currently Hidden
|
|||
|
|
localeTitle: Проверка того, скрыт ли элемент в настоящее время
|
|||
|
|
---
|
|||
|
|
Если вам нужно проверить статус видимости какого-либо элемента на странице, вы можете легко это сделать с помощью библиотеки jQuery с простым блоком кода, подобным приведенному ниже.
|
|||
|
|
```
|
|||
|
|
var display = ( jQuery('#someElement').is(':visible') );
|
|||
|
|
var visibility = ( jQuery('#someElement').css('visibility') != 'hidden' );
|
|||
|
|
var status = ( display && visibility );
|
|||
|
|
console.log( status );
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Итак, если элемент в настоящее время отображается на странице, **`console.log(status)`** вернет `true` и в любом другом случае он вернет `false` . Для этих двух случаев будет возвращено `false` утверждение:
|
|||
|
|
|
|||
|
|
* если элемент имеет `display:none;`
|
|||
|
|
* если элемент имеет `visibility: hidden`
|
|||
|
|
|
|||
|
|
и для более расширенной проверки: **вот элемент, видимый в окне просмотра, теперь** я бы рекомендовал использовать [плагин jQuery onScreen](http://benpickles.github.io/onScreen/)
|