尝试让 iframe 通过按钮切换

Question

我有一个图像比较滑块，我正在尝试通过用户输入进行切换。 首先，我只想用一个简单的按钮来做，但它不起作用，我不知道为什么。

这是我正在使用的代码：

<iframe frameborder="0" class="iframe1" width="300" height="300" src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=019dc5e8-1631-11e7-9577-0edaf8f81e27"></iframe>
 <button class="button1">toggle slider</button> 

.

function hideToggle(button, elem) {
  $(button).toggle(
   function () {
      $(elem).hide();
   },
    function () {
      $(elem).show();
    }
  );
}
hideToggle(".button1", ".iframe1");

小提琴

Answer 1

我注意到你的JSFiddle没有jQuery，尝试在你的iframe元素中使用toggle函数，也许：

function hideToggle(button, elem) {
  $(button).click(function() {
    $(elem).toggle();
  });
}
hideToggle(".button1", ".iframe1");

在这里，您可以检查是否是您要执行的操作。

function hideToggle(button, elem) {
  $(button).click(function() { $(elem).toggle('show'); });
}
hideToggle(".button1", ".iframe1");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<iframe frameborder="0" class="iframe1" width="300" height="300" src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=019dc5e8-1631-11e7-9577-0edaf8f81e27"></iframe>
<button class="button1">toggle slider</button>