iframe src 属性 jquery 执行两次答案

【问题标题】：iframe src attribute jquery execution twiceiframe src 属性 jquery 执行两次
【发布时间】：2015-05-03 18:57:36
【问题描述】：

我正在通过 jquery 解析 iframe 的 src。一旦我触发一个事件，PDF 就会显示在 iframe 中，然后它就会消失并再次缓慢加载。是什么原因造成的？

<script>
function viewpdf(){ 
$('iframe').attr('src', '<?php echo $pdf;?>');
;}
viewpdf();
</script>
   <button onclick="viewpdf();">click</button>
   <iframe id="iframe"  style="width:100%;height:92.5%;"></iframe>

当页面加载时viewpdf() 函数将执行，当我再次单击按钮时，应该将 pdf 加载到 iframe 中，但它会突然显示 pdf 并消失，并且再次加载 pdf。有时甚至文件夹中存在pdf我收到如下错误

【问题讨论】：

如果 PDF 已在页面加载时加载，那么如何在单击按钮时再次加载？你期待什么？
iframe 在 div 元素中。关闭按钮将在那里。如果我单击带有 iframe 显示的关闭按钮 div 将更改为无。所以在那之后，如果我点击 PDF 按钮，它应该再次显示 PDF。所以，在我关闭 iframe 之后，当我再次单击按钮时，PDF 快速出现然后消失并再次加载。
在下面查看我的答案。

标签： php jquery pdf iframe

【解决方案1】：

我认为要实现您在评论中所说的，您的代码不是一个好方法。这样做...

<script>
$(document).ready(function(){

    $('iframe').attr('src', '<?php echo $pdf;?>');


    $("#close").click(function(){
    $("iframe").hide();
    });


    $("#open").click(function(){
    $("iframe").show();
    });

});
</script>

如果您不更改 src，则不应一次又一次地加载 PDF。

【讨论】：

谢谢！它工作正常，但我需要在 iframe 的两个 src 之间切换。如何以这种方式做到这一点？而且，我在帖子中的最后一个查询是，即使文件夹中存在 pdf，有时它也会在 iframe 中显示为 Failed to load PDF document。我无法预测什么时候会发生？如何解决？那是什么原因呢？

【解决方案2】：

试试这个..

function viewpdf(){ 
$('#iframe').attr("src", "http://www.education.gov.yk.ca/pdf/pdf-test.pdf");
}

         <button onClick="viewpdf()">click</button>
   <iframe id="iframe"  style="width:100%;height:92.5%;"></iframe>
      </div>

【讨论】：

我能知道我的代码和你的代码有什么区别吗？