ロードGoogleマップはiframe jQueryの

Question

を追加した後、私は

<iframe src="https://www.google.com/maps/embed?pb=!1m0!3m2!1sen!2shk!4v1484532774391!6m8!1m7!1sOYCSnR8N9qoAAAQ7LsT_ew!2m2!1d22.27612005902588!2d114.1724398834276!3f285!4f0!5f0.7820865974627469" width="100%" frameborder="0" style="border:0" allowfullscreen></iframe> 

iframe.phpと呼ばれるファイルは、Googleマップでこの素敵なiframeの3Dビューを持っていると私は時に顧客のクリック、特定のdivにAJAXの後にこれをロードしたいですボタン

<a href="#">Load iframe</a> 
<div id="iframe"> 
</div> 

<script> 
$(document).on('click','a',function(e) { 
    e.preventDefault(); 
    $.ajax({ 
    url: 'iframe.php' 
    }).done(function(iframe) { 
    $('#iframe').append(iframe); 
    }); 
}); 
</script> 

これはhtml（プレーンテキストを表示）を読み込み、iframeは実行されません。私は何が欠けていますか？ iframeはonloadしか実行できませんか？

Answer 1

このコードは、ユーチューブのビデオのために働く

（...）の代わりに.appendの（...）の.htmlをお試しください：

<div id="frame"></div> 
<button id="btn-clickable">Clicke Me!</button> 

<script> 
    $(document).ready(function() { 
     $(document).on('click', '#btn-clickable', function() { 
      $('#frame').html('<iframe width="560" height="315" src="https://www.youtube.com/embed/U2SRUPbtVWQ" frameborder="0" allowfullscreen></iframe>'); 
     }); 
    }); 
</script>