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

Fiddle

Answer 1

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

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

hideToggle(".button1", ".iframe1");

在这里，您可以检查您是否正在尝试做什么。

＆＃13;

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

＆＃13;

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

＆＃13;

试图让iframe通过按钮切换

1 个答案: