加載直到Ajax加載

Question

我有div到index.php（wordpress）。 發送號碼到page.php與jquery和返回結果與AJAX到index.php

我想顯示正在加載Div（或文本或圖像），直到Ajax加載。

這裏我的代碼：

<script> 
myfunc = function() 
{   
    $("#target").slideUp(400); 
    $("#target").slideDown(400,"swing",function() 
     {       
      splittedURL=window.location.href.split("#"); 
      $.post('<?php bloginfo('template_directory'); ?>/page.php','state='+splittedURL[1],function(data,status) 
      { 
       $("#target").html(data); 
      })  
     } 
    );       
} 
</script> 

Answer 1

<script> 
myfunc = function() 
{ 
    $('#target').html("my html here"); 
    $("#target").slideUp(400); 
    $("#target").slideDown(400,"swing",function() 
     {       
      splittedURL=window.location.href.split("#"); 
      $.post('<?php bloginfo('template_directory'); ?>/page.php','state='+splittedURL[1],function(data,status) 
      { 
       $("#target").html(data); 
      })  
     } 
    );       
} 
</script>