試圖讓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"); 

Fiddle

Answer 1

我注意到你的jsfiddle沒有jQuery的，請嘗試使用toggle功能在你的iframe元素，也許：

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>