TwentyTwenty在隐藏后没有高度，然后单击显示

Question

我的页面上有基金会TwentyTwenty，但是在第一次加载时，这个内容是隐藏的。单击按钮后，它将是可见的，但偶尔，TwentyTwenty容器没有任何高度。

FireFox看起来不错，但是铬和IE没有高度。现在在我的电脑上，我正在使用IE 11在Widows7上，IE工作。Chrome没有。在其他Windows 7计算机上，IE和chrome即使在最新版本也不能工作。

这里是网站的链接。单击read查看TwentTwenty滑块。

<script type="text/javascript">
$(document).ready(function() {
  $("#container1").twentytwenty();
  // hide here after twentytwenty load in this div.
  $("#yalecontent").hide("fast");

  $(".openthis").click(function() {
    $("#yalecontent").show("slow");
  });
});
</script>

Answer 1

这可能会对其他人有帮助，但我想这件事我已经迟到了。在初始化二十多个脚本之前隐藏div将产生奇怪的效果。您必须等待脚本加载，然后再加载图像。在您的示例中，您将更改：

<script type="text/javascript">
$(document).ready(function() {
  $("#container1").twentytwenty();

<script type="text/javascript">
$(document).load(function() {
  $("#container1").twentytwenty();

然后在初始化了二十个插件之后隐藏这些图像。我想我是在其他地方读到的，在加载图像之后调用它来重新初始化脚本，但是不要这样做，因为它将在现有的UI层之上添加另一个UI层。

希望这能帮到别人。