預緊IFRAME

Question

 function toggle(){ 
      $("#tempc").toggle(
       function() { 
        $("#tempc").animate({width: 255, height: 220}, 1000); 
        $("#tempc").html(""); 
        $("#tempc").css("background-color", "transparent"); 
        $("#tempc").html("<iframe src='/src/stream.php?stream=1' width='255' height='225' frameborder='0' scrolling='no'></iframe><br><a href='javascript:;' onclick='hidegadget();' class='yellowblock'>Sluit</a>"); 
       }, 
       function() { 
        $("#tempc").animate({width: 50, height:50}, 1000); 
        $("#tempc").html(""); 
        $("#tempc").css("background-color", "#FFFF00"); 

        $.get('src/stream.php?stream=2', function(data002) { 
         $('#tempc').html(data002); 
        }); 
       } 
      ); 
     } 

     $.get('src/stream.php?stream=2', function(data002) { 
      $('#tempc').html(data002); 
     }); 

你好計算器，

前一段時間我試圖動畫一個div，好了，現在只有一件事作品。 當第一個功能被激活（開始第3行），並加載iframe。但是現在，我如何預加載iframe？因爲當動畫結束後未加載的iframe ...

問候

Answer 1

使用JQuery，您不需要使用iframe。看看.load（）函數。 http://api.jquery.com/load

即

$('#tempc').load('src/stream.php?stream=1'); 

將其預加載頁面，只需創建一個隱藏的股利和準備時表現出來。

var stream2 = $('<div>').load('src/stream.php?stream=2').hide(); 
$('#tempc').html(stream2.html()); 

Answer 2

開始通過加載的iframe，勾入onLoad上的iframe（這可能會給你本身就是一個頭疼，但有點谷歌搜索應該告訴你如何使這項工作很好地跨瀏覽器），並從這個事件中運行你的動畫。