Виджет Twitter не будет заполняться, когда для отображения установлено значение none

Question

Я использую собственный виджет поиска Twitter (который можно увидеть здесь ) на моем сайте, и он содержится в одной из многих переключаемых вкладок, в основном состоящих из div, которые скрыты и отображаются в зависимости от того, какая ссылканажата кнопка.

Здесь нет необходимости в коде, потому что объяснить эту ситуацию очень просто, в основном канал твиттера не заполняется новыми твитами, если он содержится в элементе div с display:none. * 1006.*

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

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

Спасибо.

Answer 1

Почему бы не использовать jQuery для hide и show виджета ... не прибегая к изменению CSS? Нечто подобное ..

$('#example-preview-widget').hide();
$('#example-preview-widget').show();

Это помогло мне в консоли с упомянутыми вами проблемами.

EDIT

После дополнительного тестирования я вижу, что вышеприведенное не работает. Я нашел решение (я думаю) ...

Вместо использования hide() и show() или display:none попробуйте расположить div вне экрана с помощью

position:absolute;
left:5000px;

или что-то подобное. Затем вы можете переключить его обратно в положение.

При тестировании в консоли это сохраняет загрузку твитов.

Answer 2

Сократите div до нуля, скрывая переполнение:

#your-div {
  height: 0;
  overflow: hidden;
}