Как уметь предварительно загружать содержимое jquery в скрытые вкладки, например, для браузера

Question

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

Я сузил проблему до этого: Мои вкладки используют стиль css, где неактивные вкладки не отображают ничего. Это каким-то образом приводит к тому, что любой jquery, который содержится в нем, не загружается перед этим. Если я уберу это свойство display: none, все мои карусели будут отображаться нормально, но, разумеется, все вкладки (то есть они больше не скрыты, когда неактивны, вместо этого все они отображаются как перекрывающиеся блоки на странице). Как я могу преодолеть эту проблему?

Answer 1

Я нашел решение для этого, и это может пригодиться всем, кто хочет использовать вкладки (со свойством display: none), где контент требует инициализации при загрузке страницы.

Просто измените стиль скрытой вкладки в CSS следующим образом:

.tabhide { 
  position: absolute; 
  top: -5000px; 
} 

Я пробовал другие вещи, такие как visibility: hidden или даже bottom: -5000px, но это, казалось, было лучшим решением для правильной визуализации в браузерах IE

Answer 2

display: hidden

Это свойство отображения визуализирует элементы, но делает их «невидимыми» для пользователя.