2010-12-01 44 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()