Question

我正在创建一个HTML首页，供用户查看我们的“操作方法”文档，将pdf嵌入页面以使用下面的JQuery创建预览。这在Firefox中工作正常，但在IE或Chrome中不起作用，感谢任何帮助，谢谢

    $(document).ready(function() {
        "use strict";
        $('.btn').click(function() {
            var idToSRC = './HTA_' + this.id + '.pdf';
            $('#viewer').attr('src', idToSRC);
        });
    });

Answer 1

您可以使用JQuery clone（）方法执行此操作（我使用的URL是示例PDF）：

http://api.jquery.com/clone/

<button type="button" class="btn">Change Src</button>
<div>
    <embed id="viewer" src="http://www.education.gov.yk.ca/pdf/pdf-test.pdf" width="500" height="680"></embed>
</div>

 $(document).ready(function() {
        "use strict";
        $('.btn').click(function() {
            //var idToSRC = './HTA_' + this.id + '.pdf';
            var idToSRC = "http://www.reservoirminerals.com/files/doc_downloads/test.pdf";
            var $viewerDiv = $('#viewer').parent();          
            var viewerClone = $('#viewer').clone().attr('src', idToSRC);
            $viewerDiv.html(viewerClone);
        }); });

看到它在这里工作：

http://jsfiddle.net/W32RA/2/

JQuery只适用于Firefox

1 个答案: