jQueryを使用してiframeを作成し、ページに表示する方法は？

Question

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

これはgoogle.comのiframeを表示できません。誰でもそれを修正する方法の提案を提供できますか？

Answer 1

jQueryのload functionこの方法を使用していません。とりわけ、パラメータとしてURLを受け取り、そのURLからの応答を読み込みます。

あなたはこれを行うと、あなたがしたい場所にそれを追加するjQuery機能を使用し、IFRAMEのDOM要素を作成しようとしている場合：

$('<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'); 

Answer 2

2エラー。

1. 使用フルパス（わからないことが必要です）二重引用符で

2. 近いgoogle.com。

   $（ '。アコーディオン'）。load（ '< iframe src = "http://www.google.com" frameborder = "0"スクロール= "no" id = "myFrame">）;

（iframeタグ内のスペースを無視します）

Answer 3

を.accordionがコンテナである場合あなたのiframeのための代わりにこれを試してみてください。

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

}）;

そして、その引用構文を修正してください:)