Как динамически вставить iframe в div

Как динамически вставить iframe в div с помощью jQuery?

$(document).ready(function() {
    $("div").html("<iframe src='http://google.com'><iframe>");  
});

Я попробовал вышеуказанный код, но он не работает.

Ответ 1

У вас есть работы: http://jsfiddle.net/cUSVj/

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

Изменить: я закрывал тег, считая, что это была ошибка вставки, в вашем теге закрытия </iframe> вы действительно отсутствуете /... это будет/не будет работать в зависимости от того, насколько велико велико браузер. Не забудьте закрыть его правильно, чтобы ваш HTML был действительным, иначе у вас будут проблемы с перекрестным браузером, если он начнется с самого начала.

Ответ 2

вы не закрыли тег iframe

<iframe>
</iframe>

Ответ 3

Я использовал его так, и он хорошо работает; -)

$(".div").html("<iframe width='850' height='450' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='http://yourlocation.com'></iframe>");  
$(".div").css("display","block");

Ответ 4

Фактический код jquery выглядит отлично, вы можете не ссылаться на div правильно i.e.

#div - would be an element with the id "div"
.div - would be an element with the class "div"

Ответ 5

Это работает, я просто протестировал его, вам может понадобиться дать jquery id/class div, который вы хотите вставить iframe

например. (Идентификатор)

$("#myDiv").html("<iframe src='http://google.com'></iframe>");

например. (Класс)

$(".myDiv").html("<iframe src='http://google.com'></iframe>");

Ответ 6

Да. Он работает нормально.

Отметьте здесь: http://jsbin.com/arolo3/2/edit

Вы должны закрыть тег iframe. Это может быть проблема.

Ответ 7

<html>

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>


<body>
<script type="text/javascript">
    $(document).ready(function() {
        $("#frameDiv").html("<iframe src='http://google.com'></iframe>");  
    });


</script>
<p>An IFrame should appear here</p>
<div id="frameDiv" style="width: 400px; height: 400px;"></div>

</body>