在jquery中加入加載狀態toogle

Question

我有一個鏈接，當用戶點擊從其他頁面的內容將被加載。我正在使用jquery它工作正常，但我想顯示加載狀態，以防需要時間加載。這將是更好的，如果用戶看到的東西是怎麼回事，所以我想，當他點擊鏈接它顯示

「請稍候...」

狀態，直到內容滿載。

這是我的代碼。

<script type="text/javascript"> 
    $(function(){  

     $('#view').toggle(function(){ 
      var href=$(this).attr('href'); 
      $('#load').hide().fadeIn().load(href); 
      $('#view').text('Hide'); 
      return false; 

      },function(){ 
       $('#load').hide(); 
        $('#view').text('View details'); 

       });  

     });  
    </script> 

Answer 1

在.load（）中使用回調可以幫助您實現您正在查找的內容。這裏有一個例子：

<script type="text/javascript"> 
$(function(){  
    $('#view').toggle(function(){ 
     var href=$(this).attr('href'); 
     $('#view').text('please wait...'); 
     $('#load').hide().fadeIn().load(href, function(){ 
      $('#view').text('Hide'); 
     }); 
     return false; 
    },function(){ 
     $('#load').hide(); 
     $('#view').text('View details'); 
    }); 
});  
</script>