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

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

Невозможно отобразить iframe сайта google.com. Кто-нибудь может предложить, как это исправить?

23
задан Hinek 13 November 2019 в 08:13
поделиться

2 ответа

Функция загрузки в 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');
82
ответ дан 29 November 2019 в 00:44
поделиться

2 ошибки.

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

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

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

0
ответ дан 29 November 2019 в 00:44
поделиться
Другие вопросы по тегам:

Похожие вопросы: