Элемент незаполненного диапазона не виден

Question

Элемент незаполненного диапазона не виден

0

У меня есть элемент span в моем html

<span style="float: right;color: red; display: inline-block;" id="antcl_error"></span>

Но когда я проверил его видимость, тогда он говорит, что не видимо

$(document.body).find("#antcl_error").is(":visible");

Выше кода возвращает false, если пробел пуст

sumit choudhary 29 июль 2016, в 08:34

Источник

1

В чем проблема? Это часть документации
4castle 29 июль 2016, в 05:53
0

@ 4castle Почему он дает false, когда мой элемент span виден на экране
sumit choudhary 29 июль 2016, в 05:55
1

Элементы считаются видимыми, если они занимают место в документе. Видимые элементы имеют ширину или высоту больше нуля.
vijayP 29 июль 2016, в 05:56
0

Вы уверены, что это видно на экране? Он считает элементы шириной 0 или высотой 0 невидимыми.
4castle 29 июль 2016, в 05:56
0

хорошо, но тогда как проверить видимость пустого элемента
sumit choudhary 29 июль 2016, в 05:58
0

Как вы определяете видимое? Вы имеете в виду visibility:hidden или display:none ?
4castle 29 июль 2016, в 05:58
0

если родительский контейнер Elements виден на экране и пользователь взаимодействует с этим элементом, этот диапазон должен возвращать значение True
sumit choudhary 29 июль 2016, в 06:01
0

Чтобы понять разницу между visibility:hidden или display:none , см. этот webdesign.about.com/od/css/f/blfaqhidden.htm
yash 29 июль 2016, в 06:07
0

@ Да, я знаю, что .. пожалуйста, прочитайте мой предыдущий комментарий
sumit choudhary 29 июль 2016, в 06:10

Показать ещё 7 комментариев

Теги:

jquery

html

angularjs

2 ответа

1

Проверьте, нет ли режима отображения css:

if($('body').find("#antcl_error").css('display') != "none") {
   alert('visible')
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span style="float: right;color: red; display:inline-block;" id="antcl_error"></span>

Jayesh Chitroda 29 июль 2016, в 04:01

Ещё вопросы

В чем проблема? Это часть документации
@ 4castle Почему он дает false, когда мой элемент span виден на экране
Элементы считаются видимыми, если они занимают место в документе. Видимые элементы имеют ширину или высоту больше нуля.
Вы уверены, что это видно на экране? Он считает элементы шириной 0 или высотой 0 невидимыми.
хорошо, но тогда как проверить видимость пустого элемента
Как вы определяете видимое? Вы имеете в виду visibility:hidden или display:none ?
если родительский контейнер Elements виден на экране и пользователь взаимодействует с этим элементом, этот диапазон должен возвращать значение True
Чтобы понять разницу между visibility:hidden или display:none , см. этот webdesign.about.com/od/css/f/blfaqhidden.htm
@ Да, я знаю, что .. пожалуйста, прочитайте мой предыдущий комментарий

KAD · Accepted Answer · 2016-07-29T04-36-00.000Z

Поскольку пролет плавает и не имеет содержимого и не имеет ширины и высоты, он не потребляет места в документе, поэтому считается невидимым:

Вы можете проверить значение видимости CSS:

if($("#antcl_error").css('visibility') != "hidden") {
   // visible
}

Согласно документации:

Элементы считаются видимыми, если они потребляют пространство в документе. Видимые элементы имеют ширину или высоту, которая больше нуля.

Элементы с видимостью: скрытые или непрозрачные: 0 считаются видимыми, так как они все еще потребляют пространство в макете.