如何在加载页面之前将加载消息放入iframe中

Question

我有一个链接，当鼠标悬停在它上面时，它的内容（src）将被加载到iframe中。我想在页面完全加载之前在iframe中显示加载消息。是否可以发布该消息

下面是jsfiddle http://jsfiddle.net/sukumar/tSwC6/3/

的问候。 萨库马尔

Answer 1

你可以做的是隐藏iframe并在#content上加载一个加载图标，然后在加载完成后再次使用onload事件显示iframe：

http://jsfiddle.net/jeffreydev/tSwC6/4/

Answer 2

你可以使用这样的东西：

$("a").hover(function(){

  var href = $("a").attr("href");
  var loading = $('<div>loading....</div>').appendTo("#content");
  var iframe = $("<iframe src='"+href+"'>").appendTo("#content").hide().bind('onload',   
    function(){loading.hide(); iframe.show()});
 },                
 function(){
   $("#content").empty();
 }
);