2013-02-20 71 views
1

我在iframe中嵌入了PDF。我需要点击一个按钮来隐藏这个iframe。但由于某些原因,iframe部分不会隐藏在Safari浏览器中。在IE,Chrome和Firefox中,相同的代码工作正常。无法隐藏safari中嵌入iframe中的PDF?

这里是我的HTML页面的代码段:

<div id="PDFSection" style="text-align:center;"> 
    <iframe id="PDFFrame" src="sample.pdf"> Loading... 
    </iframe> 
    <hr /> 
    <input id="btnEmail" type="button" value="Email" name="btnEmail"/> 
</div> 

,这里是jQuery的部分我打电话隐藏的div:不是隐藏

$(document).ready(function() { 
    $("#btnEmail").click(function() { 
    $("#PDFSection").hide(); 
    }); 
}); 

我曾尝试切换() ()并试图在iframe元素本身上调用hide()。但是没有东西可以隐藏PDF对象。我确实看到,当jQuery代码运行时,它隐藏了PDFSection div(我可以看到按钮和小时线隐藏),但PDF保留在屏幕上。

这里是之前发生了什么,点击按钮后截图: enter image description here

+1

解决在这里:http://stackoverflow.com/questions/20190842/iframe-jquery-toggle-fails-to-hide-pdf-in-safari – 2013-11-27 11:56:32

+0

非常感谢分享链接! – 2014-11-27 14:45:26

回答

1

我只是测试你的例子:

<html> 
    <head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
     $("#btnEmail").click(function() { 
      $("#PDFSection").hide(); 
     }); 
     }); 
    </script> 
    </head> 
    <body> 
    <div id="PDFSection" style="text-align:center;"> 
    <iframe id="PDFFrame" src="about:blank"> Loading... 
    </iframe> 
    <hr /> 
    <input id="btnEmail" type="button" value="Email" name="btnEmail"/> 
</div> 
    </body> 
</html> 

和它的作品在Safari 6.0.2精(8536.26.17 )在OSX Mountain Lion上。也许你应该打开开发者控制台cmd + alt + i并查找更多错误消息。

+0

谢谢,我也试过你的代码,它对iframe的工作原理是src =“about:blank”,但是当你在src属性中提供pdf文件时,它不会隐藏它。请尝试使用PDF。另外,我对Safari 6.0.2并不确定,因为我正在Safari 5.1.7上的Windows 7中测试它。 – 2013-02-21 06:07:54

+1

好吧,我没有在Windows上的Safari。它已被弃用,并且不再为Windows开发。 – 2013-02-21 07:40:31