2012-08-24 12 views
8

Arkadaşlar, Benim sorunum, sayfamın yüklenmesi gerçekten yavaş, çünkü tüm yükü anında. Bir RSS beslemesi çekiyorum, eğer "makale" düğmesine tıklarsanız, içindeki içeriğe sahip bir Modal açılır. Sorun şu ki, tüm yükler anında. http://daisy.camorada.com/<iframes> yükünü sadece bir tuşa tıklatır mıyım?

Ben sayfası açıldığında i iframe yükleri tahmin çünkü çalışmıyor ama içine bir src takmadan denedim: Burada

sitesidir.

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

cevap

26

Html: En jQuery yılında

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

: Eğer ... bir düğmesini yaparken TÜM iframe yüklemek istiyorsa

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

Ya emin hepsi data-src="your.url" var özniteliği ve bunun gibi bir döngü:

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

Teşekkür Ahren. Kodunuzu daisy.camorada.com/test.php adresinden yeniden oluşturdum, maalesef düzgün davranmıyor. Fikirler? –

+1

@AlexSpencer - Kod mükemmel - tek şey, google bir iframe içine gömülmesine izin vermez! Başka bir site deneyin! (örneğin yahoo.com) – ahren

+0

@ahren Birden fazla iframe varsa nasıl çalışır ve ayrı ayrı tetiklenmelidir. iki farklı düğme ve iki farklı iframe. – Lemdor

6

İlk önce, $('#gogogo') öğeniz yok. Çerçeve #gogo. İkinci

, sadece biraz HTML ve bir URL'ye ayarlamak istiyorsanız o src değil href

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

var ayarlamak, bunu kullanın:

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

Here's a demo

+0

sachleen, Burada yönteminizi denedim: http://daisy.camorada.com/test2.php boşuna. Bir iframe'in src'sini dinamik olarak değiştirebileceğinizden ve