로드 구글 맵은 iframe은

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라는 파일에 구글 맵이 좋은 iframe이 3D 뷰를 추가 그리고 나는 특정 사업부에서 아약스 후이를로드 할 때 고객이 클릭 버튼

<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 (...)는

이 코드는 YouTube 동영상에 대한 작동하지 않습니다 :

<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>