2010-12-01 35 views
1

我有我想隱藏我的Ajax請求時顯示裝載機gif動畫。我最初不能隱藏();我跨度標籤

這是我的加載HTML代碼。

<span id="loader"><img src="images/icons/ajax-loader.gif" alt="loader" /></span> 

我最初要與此

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('#loader').hide() 
     }); 
    </script> 

隱藏但是它仍然顯示,直到,直到我的AJAX功能,實際運行,然後隱藏它。但我想在啓動時隱藏它。

回答

2
<span id="loader" style="display: none">...</span> 
2

它不被隱藏,直到你的文件被加載並「準備就緒」。爲了防止它顯示在所有了,包括你的<body>在此之前CSS:

<style> 
#loader { display: none; } 
</style> 
3

風格display:none;添加到跨度的標記。

<span id="loader" style="display:none;"> 
    <img src="images/icons/ajax-loader.gif" alt="loader" /> 
</span> 
0
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#loader').css("display","none"); 
    }); 
</script> 
0

做u使用asp.net?也許進度面板觸發它

$( '#裝載機')只是內部

內容嘗試

$('#loader').parent().hide()