Как мне динамически создать тег объекта с помощью jquery и добавить к нему альтернативный контент?

Question

Я пытаюсь встроить PDF-файл в мою веб-страницу, используя объект, который откатится к iframe, который загружает PDF-файл через службу внешнего рендеринга для пользователей, у которых не установлен Acrobat.

Я пытаюсь сделать это так:

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, но вызывает ошибку в IE в коде ядра jquery. Он ломается, когда я добавляю iframe к объекту.

Мне нужно создать контент таким образом, чтобы у меня был доступ как к объекту, так и к элементу iframe, потому что у меня нет надежного способа определить, есть ли у пользователя акробат или нет, поэтому я зависел от браузера чтобы отобразить правильное содержимое и просто стилизовать как iframe, так и объект, чтобы любой из них выглядел хорошо.

Что такое альтернативный и кросс-браузерный подход?

Answer 1

Вы пробовали это так?

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