jQuery: скрытые элементы - общий вопрос

Question

когда элементы скрыты, вы не можете прочитать, например. их размеры, это общая проблема javascript или, возможно, есть обходной путь в jQuery?

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

ТНХ

Answer 1

Никакого обходного пути, о котором я знаю.

Однако вы можете использовать видимость: скрытый вместо отображения: ни один в вашем CSS. Элементы, которые скрыты с помощью видимости: скрытые сохраняют свою позицию и размер, но просто невидимы.

Надеюсь, это поможет.

Answer 2

В этом сообщении в блоге представлен способ получения размеров скрытого элемента с помощью display: none. Другие ответы здесь касаются одних и тех же идей, но оба не предлагают решения для возврата свойств CSS к их первоначальным значениям.

Answer 3

Если вы установили видимость: скрытый, элемент по-прежнему занимает место, поэтому установите также положение: абсолютное, чтобы вывести его из потока документов. При необходимости вы можете расположить элемент за пределами экрана, чтобы он не блокировал события и тому подобное.

$("#el").css({
    visibility: "hidden",
    position: "absolute",
    left: "-9999px"
});

Оттуда вы все еще можете прочитать ширину элемента. Например:

$("#el").width();

Надеюсь, это поможет!

Answer 4

Этот плагин измерения говорит, что может получить размеры скрытых элементов.