噴吹iframe和圖片爲HTML和等待onload事件

Question

我有一些字符串來自服務器上的一些Ajax成功事件：
我想</body>之前注入波紋管標籤，等到他們都加載。
後，他們都裝我想提醒的東西

... 
, 
success : function(data){ 
    var iframe = "<iframe src='http://blablabla.com'></iframe>";// came as data.iframe 
    var image = "<img src='http://blablabla.com' />";//came as data.image 
    // how do i inject it to html syncly 
    alert("both iframe an image loaded completely"); 
} 

我可以使用jQuery或本機。

謝謝

Answer 1

你可以這樣做;

HTML：

<button id='load'>Load image and iframe</button><br /> 

JS：

$(function(){ 
    $('#load').on('click', function(){ 
     var obj=$('<iframe/>', { 
      id:'iframe_google', 
      src:'http://blablabla.com', 
      style:'display:none;width:400px;height:400px', 
      load:function(){ 
       $(this).show(); 
       var imgPaht = "http://blablabla.com"; 
       $('<img src="'+ imgPaht +'">').load(function() { 
        $(this).width(1000).height(1000).appendTo('body'); 
        alert("Iframe and image loaded"); 
       }) 

      } 
     }); 
     $('body').append(obj);  
    }); 
}); 

我已經更新了網址，並做出了榜樣。您可以看到工作演示here