<iframes> 버튼을 클릭 할 때만로드 할 수 있습니까?

Question

친구, 내 문제는 내 페이지 simeltaneously 때문에 모든 부하의로드 정말 느린 것입니다. RSS 피드를 가져올 때 "기사"버튼을 클릭하면 내부에있는 모달이 나타납니다. 문제는 모든 것이 simeltaneously로드합니다. http://daisy.camorada.com/

내가 페이지를 열 때 내가 iframe이 부하를 추측하기 때문에 작동하지 않습니다 만에 SRC를 삽입 시도 : 여기

는 사이트입니다.

<button class='btn btn-primary' id='miguel'>TEST ME NOW</button> 
     <button class='btn btn-primary' id='jamison'>jamison</button> 
     <div id="yoyoyo"> 
      </div> 
      <iframe id="gogo"> 
       </iframe> 

<script> 
     $('#miguel').on('click', function() { 
      alert('clicked');   
      $('#gogogo').attr('href', 'http://www.google.com'); 

     }); 
    </script> 
    <script> 
     $('#jamison').on('click', function() { 
      alert('clicked JAMISON');  
      $("#yoyoyo").html("<h1>HELLO J</h1><br><iframe class='full-iframe' href='http://news.yahoo.com/three-killed-tribal-clash-libya-001717827.html'></iframe>"); 

     }); 

    </script> 

Answer 1

HTML : 당신의 jQuery를에

<iframe id="myiFrame" data-src="http://my.url" src="about:blank"> 
</iframe> 

: 당신은 ... 하나 개의 버튼을 클릭 할 때 모든 iframe을로드하기를 원한다면

$("button").click(function(){ 
    var iframe = $("#myiFrame"); 
    iframe.attr("src", iframe.data("src")); 
}); 

또는 확인 그들 모두는 data-src="your.url"이 이 같은 다음 루프를 통해 속성과 :

$("button").click(function(){ 
    $("iframe").each(function(){ 
     $(this).attr("src", $(this).data("src")); 
    }); 
}); 

Answer 2

먼저, $('#gogogo') 요소가 없습니다. 프레임은 #gogo입니다. 둘째

, 당신은 그냥 HTML이 아닌 URL로 설정하려면이 src하지 href

$("#myframe").attr('src', 'http://site.com'); 

의 설정을이를 사용

$("#myframe").contents().find('html').html("hello"); 

Here's a demo