Question

我有一個頁面加載在可能包含音頻/視頻標籤的iframe中。但在iPad中，我注意到隱藏iframe並再次顯示，消失了標籤。

<button onclick="toggle();">Toggle Iframe</button> 
<iframe id='page' src='http://www.quackit.com/common/html_editor_form.cfm?contentFile=../html_5/tags/inc_html_audio_tag.cfm' width="100%" frameborder='1'></iframe> 

<script> 
    function toggle() { 
     var $el = $('#page'); 
     if ($el.is(':visible')) { 
      $el.hide(); 
     } else { 
      $el.show(); 
     } 
} 
</script> 

演示：http://jsfiddle.net/codef0rmer/sQVCd/

有沒有解決？

Answer 1

我試過的解決方案是使用visibility屬性在iPad上爲我工作時隱藏iframe。

if ($el.css('visibility') === 'visible') { 
    $el.css('visibility', 'hidden'); 
} else { 
    $el.css('visibility', 'visible'); 
}