在div中显示加载gif,直到div加载来自其他页面的内容

Question

我正在加载页面mypage.php,在div1中我包含来自同一服务器的example.php.

该脚本是:

    <script>
$(document).ready(function(){

    $("#div1").load("example.php");
  });

</script>  

如何在example.php加载内容时添加loading.gif？我想只在内容加载之前显示loading.gif.

Answer 1

你必须设置一个img标签显示：没有像：

html:

<div id="img-load">
<img src="loading.gif" />
</div>

脚本：

loader = function(){
    $('#img-load').show();
    $( "#result" ).load( "example.php", function() {
      $('#img-load').hide();
    });
}
loader();