2010-12-01 5 views
1

Ich habe ein Ladeprogramm animiertes gif, das ich während meiner Ajax-Anfrage verstecken und zeigen möchte.Ich kann nicht anfänglich verstecken(); Mein span tag

das ist mein Loader HTML-Code.

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

Ich will es zunächst verstecken mit diesem

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

aber es zeigt sich nach wie vor, bis, bis meine Ajax-Funktion und dann tatsächlich ausgeführt wird, versteckt es. aber ich möchte es beim Start verstecken.

Antwort

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

Es wird nicht versteckt, bis Ihr Dokument geladen und "bereit" ist. Zu verhindern, dass es zeigt, überhaupt auf, um diesen CSS vor Ihrer <body>:

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

Fügen Sie den Stil display:none; auf die Spanne im Markup.

<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

tat u asp.net verwenden? vielleicht Panel Trigger Fortschritt es

$ ('# loader') ist nur ein Inhalt in

versuchen

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