javascript - 通过单击显示 div 后启动 TwentyTwenty.js

Question

我隐藏了一个 div，直到通过这个脚本点击了一个按钮:

  $(document).ready(
      function() {
          $(".openthis").click(function() {
               $("#yalecontent").show("slow");
          });
      });

但我也在使用 TwentyTwenty在那个 div 中，在我单击链接以显示 div 之后，TwentyTwenty 内容没有任何高度，因此它没有显示出来。我怎样才能让它显示出来？这是我二十二岁的剧本:

  $(window).load(function() {
    $("#container1").twentytwenty();
  });

这是一个 jsfiddle .请注意，我不能在这里工作，我不确定为什么。它在我的本地主机上工作，但我只想展示我是如何制作这个结构的。

Answer 1

首先不要通过 css 隐藏 '#yalecontent' div。

$(document).ready(function() {
  $("#container1").twentytwenty();
  // hide here after twentytwenty load in this div.
  $("#yalecontent").hide("fast");

  $(".openthis").click(function() {
    $("#yalecontent").show("slow");
  });
});

试试这个，它可能会解决您的问题。