动态更改嵌入标签 src 属性时不显示 PDF答案

【问题标题】：PDF is not shown while changing the embed tag src attribute dynamically动态更改嵌入标签 src 属性时不显示 PDF
【发布时间】：2012-01-13 01:05:59
【问题描述】：

可能重复 JavaScript: Changing src-attribute of a embed-tag，但这不适用于 jQueryMobile。

我有以下情况；我有一页应该根据查询字符串值（文档 url）查看多个文档（PDF 文档）。

我正在使用以下代码从不同页面导航到查看器页面

$.mobile.changePage("Viewer.aspx?URL=" + documentURL;

这是我用来删除现有嵌入标签并使用嵌入 src 属性中的文档 url 重新插入的代码。

$('div[id="pageViewer"]').live("pageshow", function() {
    var queryStringVals = $().SPServices.SPGetQueryString();
    var menuURL = queryStringVals["URL"];

    $("#menuViewer").attr("src", menuURL);
    var parent = $("#menuViewer").parent();
    $("#menuViewer").remove();
    parent.append("<embed id='foodMenuViewer' type='application/pdf' style='width: 400px; height: 900px;' src=" + menuURL + " />");
});

此代码正在运行，并且插入了新的嵌入标签，但未加载 pdf 文档！
此外，将页面事件更改为任何其他事件（即 pageinit），在这种情况下，我无法捕获查询字符串值。

有什么建议吗？

【问题讨论】：

也许应该是 src=menuURL 而不是错字 SCR！！
不，这只是一个错字。问题已更新。
我认为您在修改 src 属性后仍然需要获取 pdf。也许是 Ajax 调用？

标签： jquery html jquery-mobile embed embedded-resource

【解决方案1】：

好的，我可能不会使用<embed>，而是使用<iframe> 甚至<object> 标签来做你正在做的事情。

~~这里是an article that shows this。~~

这是一个PDFObject that helps embedding PDFs，他们建议在其中简单地添加一个<object> 标签，例如

parent.append("<object id='foodMenuViewer' type='application/pdf' style='width: 400px; height: 900px;' src=" + menuURL + " />");

希望这些对您有所帮助...

【讨论】：