मैं केवल एक बटन क्लिक पर <iframes> लोड कैसे कर सकता हूं?

Question

दोस्तों, मेरी समस्या यह है कि मेरा पृष्ठ लोड करने में वास्तव में धीमा है, क्योंकि सभी लोड एक साथ हैं। मैं एक आरएसएस फ़ीड खींच रहा हूं कि यदि आप "लेख" बटन पर क्लिक करते हैं तो यह एक मॉडल को पॉप अप करेगा जिसमें इसके अंदर है। समस्या यह है कि सभी भार एक साथ लोड हो जाते हैं। http://daisy.camorada.com/

मैं लेकिन यह है कि क्योंकि मैं iframe लोड लगता है कि जब पृष्ठ खोलता है काम नहीं करता है में एक स्रोत डालने की कोशिश की है:

यहाँ साइट है।

<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

एचटीएमएल:

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

अपने jQuery में:

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

या यदि आप सभी iframes का लोड करने के लिए जब आप एक बटन पर क्लिक करें ... बनाने के लिए चाहते थे कि वे सब एक data-src="your.url" है विशेषता, और फिर इस तरह से लूप:

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

Answer 2

सबसे पहले, आपके पास कोई तत्व $('#gogogo') नहीं है। फ्रेम #gogo है। ahren

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

Here's a demo