在被隐藏后没有高度，然后点击显示

TwentyTwenty no height after being hidden and then shown by a click

本文关键字：然后 显示 高度 隐藏      更新时间：2023-09-26

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

火狐似乎很好，但chrome和IE没有高度。现在在我的电脑上，我在寡妇7上使用IE 11, IE工作。Chrome没有。在其他Windows 7电脑上，即使使用最新版本，IE和chrome也无法运行。

这是该网站的链接。点击"阅读全部"查看"二十个"滑动条。

<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>

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

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

然后隐藏二十插件初始化后的图像。我想我在其他地方读到重新初始化脚本通过调用它后的图像已经加载，但不要这样做，因为它会添加另一个UI层的顶部现有的一个。

相关文章：