JQuery 仅适用于 Firefox答案

【问题标题】：JQuery only working on FirefoxJQuery 仅适用于 Firefox
【发布时间】：2013-04-11 15:44:27
【问题描述】：

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

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

【问题讨论】：

可能是因为那些浏览器没有安装adobe插件？
@techfoobar 我以为 Chrome 现在有一个内置的 PDF 查看器。
您检查控制台是否有任何错误？
#viewer 是 iframe 吗？如果您观看网络调试器，是否会发生对 PDF 的请求？如果您调试代码，$('#viewer') 是否真的匹配 Chrome 上的某些内容？如果是这样，您可以将src 更改为其他网站或其他内容吗？
根据浏览器的不同，一般不能动态改变embed标签的src。相反，您需要用新的嵌入标签替换它。看到这些线程：stackoverflow.com/questions/2493706/…stackoverflow.com/questions/6646413/…

标签： jquery html

【解决方案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/

【讨论】：

很高兴我能帮上忙。不用担心，接受就足够了，谢谢。 :)