Question

嗨我有这个jQuery用按钮代码将内容加载到div中，但是你加载的内容包括大小很多的图像，并且想要显示为在div中加载一个动画gif，怎么可能导致出去？

代码jquery：

function chargue(div, of)
{
$(div).load(of, function() {
});
}

按钮：

<a href="#next" onClick="chargue('#left','change.php')">CHANGE</a>

CSS div #left：

#left {
    width: 744px;
    float: left;
    height: 100%;
    position:relative;
}

Answer 1

您只需将div的内容更改为动画加载gif，然后在完成ajax get()后，将div内容替换为结果。

function chargue(div, of)
{
  //insert loading gif
  $(div).html('<img src="image/loading.gif">');

  //fetch larger images
  $.get(of, function(results) {
    $(div).html(results);
  });
}

Answer 2

function chargue(div, of)
{ 
    $('#loader').show();
    $(div).load(of, function(response, status, xhr) { 
      if(status == 'sucess'){ 
        $('#loader').hide();
      }
   });
}

请在 #left div下创建一个子div。并将您的加载程序 gif 放入其中。注意： #loder div应默认隐藏。

如何添加预加载器来加载内容div jquery？

2 个答案: