当显示设置为无时，Twitter 小部件将不会填充

Question

我在我的网站上使用 Twitter 自己的搜索小部件（可以在此处查看），并且它包含在许多切换选项卡之一中，基本上由根据单击的链接隐藏和显示的 div 组成。

这里不需要代码，因为这是一个非常简单的解释情况，基本上，当 Twitter feed 包含在具有 display:none 的 div 中时，它不会填充新的推文。

您可以通过进入 twitter 小部件演示页面并将其隐藏在元素检查器中来看到这一点。等待几秒钟，然后再次显示，您将能够看到没有新条目，只有一堆虚线边框。

即使 feed 被隐藏，我如何确保 feed 仍被填充？

谢谢。

Answer 1

为什么不使用一些 jQuery 来隐藏和显示小部件...而不需要改变 css？就像......

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

这对我在控制台中解决你提到的问题很有用。

编辑

经过更多测试，我可以看到上面的方法不起作用。我确实找到了修复（我认为）...

而不是使用 hide() 和 show() 或 display:none，尝试 将 div 定位在屏幕之外

position:absolute;
left:5000px;

使用或类似的方法 。然后您可以将其切换回原位。

在控制台中测试时，这会保持推文加载。

Answer 2

将 div 缩小到零，隐藏溢出：

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