Как создать iframe с помощью jQuery и отобразить на странице?

$(document).ready(function(){
    $('#button').click(function(){
       $('.accordion').load('<iframe src="google.com' frameborder="0" scrolling="no" id="myFrame"></iframe>');
    });
});

Это не может отображать iframe на google.com. Может ли кто-нибудь дать предложения по его устранению?

Ответы

Ответ 1

jQuery функция загрузки не используется таким образом. Он принимает URL-адрес в качестве параметра, среди прочих, и загружает ответ с этого URL-адреса.

Если вы пытаетесь создать элемент DOM iframe, используйте jQuery для этого и добавьте его там, где хотите:

$('<iframe src="http://google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>')
     .appendTo('.accordion');

или

$('<iframe>', {
   src: 'http://google.com',
   id:  'myFrame',
   frameborder: 0,
   scrolling: 'no'
   }).appendTo('.accordion');

Ответ 2

Если .accordion - это контейнер для вашего iframe, попробуйте это вместо:

$(document).ready(function(){
$('#button').click(function(){
   $('.accordion').html('<iframe src="google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>');
});

});

И исправить синтаксис цитаты:)

Ответ 3

2 ошибки.

Использовать полный путь (не обязательно)
закрыть google.com с двойными кавычками.

$('. accordion'). load ('< iframe src= "http://www.google.com" frameborder = "0" scrolling = "no" id = "myFrame" > ');

(Игнорировать пробел в теге iframe)