Cách tạo iframe bằng jQuery và hiển thị trên trang?

Question

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

Điều này không thể hiển thị iframe của google.com. Bất cứ ai có thể cung cấp các đề xuất về cách sửa chữa nó?

Answer 1

jQuery load function không được sử dụng theo cách này. Phải mất một URL làm thông số, trong số những người khác và tải phản hồi từ URL đó.

Nếu bạn đang cố gắng để tạo ra một yếu tố iframe DOM, sử dụng jQuery chức năng để làm điều này và thêm nó nơi bạn muốn:

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

hoặc

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

Answer 2

2 lỗi.

1. Sử dụng đường dẫn đầy đủ (không chắc chắn đó là cần thiết)

2. google.com chặt chẽ với dấu ngoặc kép.

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

(Bỏ qua các khoảng trống trong thẻ iframe)

Answer 3

Nếu .accordion là một container đối với iframe của bạn, hãy thử thay thế này:

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

});

Và sửa cú pháp trích dẫn đó :)