Question

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

FireFox看起来不错，但Chrome和IE没有高度。在我的电脑上，我在Widows 7上使用IE 11，IE可以工作。 Chrome没有。在其他Windows 7计算机上，即使使用最新版本，IE和Chrome也无法运行。

这是网站的the link。点击全部阅读以查看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层。

希望这有助于其他人。

隐藏后二十二十没有高度，然后点击

1 个答案: