iframe src属性jquery执行两次

Question

我通过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并显示disappers并再次加载pdf。有时甚至pdf存在于文件夹中，如下所示

Answer 1

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

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

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


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


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

});
</script>

如果您不更改src。

，则不应反复加载PDF

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