如何在通过javascript调用的内容加载时显示加载gif图像？

在我的页面上，我有javascript从位于： inc/content.php其他页面加载

新内容。 我想知道如何在新内容加载到其中时在

显示动画gif图像loading.gif ？ 并一旦加载隐藏GIF并显示新的conntent？

谢谢）））这是我的代码：

     function viewNext() { $("#content").load("inc/content.php"); }    Next fLuky 
   

inc / content.php页面中的内容：

 
Hello 

Answer 1

 function viewNext(){ $('#content').html('').load("inc/content.php"); } 

当你使用load（）时，它将替换元素中的任何东西，包括gif，所以你不必手动隐藏它。

Answer 2

 function viewNext() { $('#content').html(''); $("#content").load("inc/content.php"); } 

这样做。

Answer 3

  $('#content').append(''); var y = $.post(.....) .complete(function(data) { $('#delete_me_spinner2').remove(); //check ajax went ok });