javascript - 将预加载 img 转换为 iframe

Question

$('<img />')
   .attr('src', val)
   .attr('width', "400")
   .load(function(){
      $('.showdata').append( $(this) );
   }
);

这对于图像来说非常有效，这将如何将 1:1 转换为 iframe？这里是快速的jsfiddle: http://jsfiddle.net/ET8Gw/

Answer 1

与 Image 对象不同，IFrame 在成为 DOM 的一部分之前不会加载。

要解决这个问题，您可以隐藏该元素，将其添加到 DOM，然后在加载事件触发时显示它:

var val = "http://dumb.com/";
 $('<iframe />')
            .hide()
            .attr('src', val)
            .attr('width', "500")
            .load(function(){
                $(this).show();
            })
            .appendTo(".showdata");

http://jsfiddle.net/ET8Gw/1/