Javascript 无法在safari中隐藏嵌入在iframe中的PDF？_Javascript_Jquery_Iframe_Safari_Show Hide

Javascript 无法在safari中隐藏嵌入在iframe中的PDF？

javascript jquery iframe safari

Javascript 无法在safari中隐藏嵌入在iframe中的PDF？,javascript,jquery,iframe,safari,show-hide,Javascript,Jquery,Iframe,Safari,Show Hide,我在iframe中嵌入了一个PDF。我需要在单击按钮时隐藏此iframe。但由于某些原因，iframe部分不会隐藏在Safari浏览器中。同样的代码在IE、Chrome和Firefox中也能正常工作以下是我的HTML页面中的一个片段： <div id="PDFSection" style="text-align:center;"> <iframe id="PDFFrame" src="sample.pdf"> Loading... </iframe

我在iframe中嵌入了一个PDF。我需要在单击按钮时隐藏此iframe。但由于某些原因，iframe部分不会隐藏在Safari浏览器中。同样的代码在IE、Chrome和Firefox中也能正常工作

以下是我的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>

我尝试了toggle（）而不是hide（），还尝试对iframe元素本身调用hide（）。但是没有任何东西能够隐藏PDF对象。我确实看到，当jQuery代码运行时，它隐藏了PDFSection div（我可以看到按钮和hr行被隐藏），但PDF仍保留在屏幕上

以下是单击按钮前后的屏幕截图：

我刚刚测试了您的示例：

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


$（文档）.ready（函数（）{
$（“#btnEmail”）。单击（函数（）{
$（“#PDFSection”）.hide（）；
});
});
加载。。。

它在OSX山狮上的safari 6.0.2（8536.26.17）中运行良好。也许您应该打开开发者控制台cmd+alt+i并查找更多错误消息。

我刚刚测试了您的示例：

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


$（文档）.ready（函数（）{
$（“#btnEmail”）。单击（函数（）{
$（“#PDFSection”）.hide（）；
});
});
加载。。。

它在OSX山狮上的safari 6.0.2（8536.26.17）中运行良好。也许您应该打开开发人员控制台cmd+alt+i并查看更多错误消息。

谢谢，我也尝试了您的代码，并且它与iframe的src=“about:blank”一起工作，但是当您在src属性中提供pdf文件时，它不会隐藏它。请尝试使用PDF。另外，我对Safari 6.0.2也不太清楚，因为我正在Safari 5.1.7上的Windows 7中进行测试。好的，我在Windows上没有Safari。它已弃用，将不再为Windows开发。谢谢，我也尝试了您的代码，它与iframe的src=“about:blank”一起工作，但当您在src属性中提供pdf文件时，它不会隐藏它。请尝试使用PDF。另外，我对Safari 6.0.2也不太清楚，因为我正在Safari 5.1.7上的Windows 7中进行测试。好的，我在Windows上没有Safari。它已被弃用，将不再为Windows开发。此处已解决：非常感谢共享此链接！解决这里：非常感谢分享链接！