Jak utworzyć element iframe za pomocą jQuery i wyświetlić na stronie?

Question

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

Nie można wyświetlić elementu iframe witryny google.com. Czy ktoś może przedstawić sugestie, jak to naprawić?

Answer 1

load function jQuery nie jest wykorzystywany w ten sposób. Między innymi pobiera adres URL jako parametr i ładuje odpowiedź z tego adresu URL.

Jeśli próbujesz stworzyć iframe DOM elementu, należy użyć funkcji jQuery to zrobić i dołączyć go gdzie chcesz:

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

lub

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

Answer 2

2 błędy.

1. używaj pełnej ścieżki (nie jestem pewien, że to konieczne)

2. blisko google.com z cudzysłowach.

   $ ("Akordeon"). Load ('< iframe src = "http://www.google.com" frameborder = "0" przewijanie = "nie" id = "myFrame">');

(Zignoruj ​​miejsca w tagu iframe)

Answer 3

Jeśli .accordion jest kontenerem dla iframe spróbuj tego zamiast:

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

});

Napraw tę składnię cytatu :)