如何使用jquery動態創建對象標簽並向其中添加替代內容？

Question

我正在嘗試使用一個對象將pdf嵌入到我的網頁中，該對象將回退到iframe，該iframe通過外部渲染服務為未安裝acrobat的用戶加載pdf。

我正在嘗試這樣做：

var container = document.createElement("div");
var object = document.createElement("object");
var iframe = document.createElement("iframe");

$(container).append(object);
$(object).append(iframe);
$("body").append(container);

這在Firefox中有效，但在jQuery核心代碼中的IE中導致錯誤。 當我將iframe附加到對象時，它會中斷。

我需要以一種可以使我同時訪問對象和iframe元素的方式來創建內容，因為我沒有可靠的方法來檢測用戶是否具有acrobat，因此我依靠瀏覽器來顯示正確的內容，並僅對iframe和對象進行樣式設置，以便兩者看起來都可以。

什么是跨瀏覽器的替代方法？

Answer 1

你有這樣嘗試過嗎？

var object = $("<object>");
var container = $("<div>").append(object);
$(object).append("<iframe>");
$("body").append(container);