¿Cómo crear un iframe usando jQuery y mostrarlo en la página?

Question

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

Esto no puede mostrar el iframe de google.com. ¿Alguien puede dar sugerencias sobre cómo solucionarlo?

Answer 1

de jQuery load function no se utiliza de esta manera. Toma una URL como parámetro, entre otros, y carga la respuesta de esa URL.

Si usted está tratando de crear un elemento DOM marco flotante, utilice la función jQuery para hacer esto y lo añaden en la que desea:

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

o

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

Answer 2

2 errores.

1. Uso ruta completa (no estoy seguro que sea necesario)

2. cerca google.com con comillas dobles.

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

(Ignorar el espacio en la etiqueta iframe)

Answer 3

Si .accordion es un contenedor para su iframe intente esto en su lugar:

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

});

y fijar que la sintaxis cita :)