javascript - 尝试让 iframe 通过按钮切换

Question

我有一个图像比较 slider ，我试图通过用户输入来切换它。首先，我只想用一个简单的按钮来完成它，但它不起作用，我不明白为什么。

这是我正在使用的代码:

<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");

Fiddle

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>