Загрузка страницы не работает должным образом

Question

У меня есть эта разметка:

<div id="logo" style="text-align:center;"> 
    <p>AXIS'14</p> 
    <a id="enter" onclick="EnterSite()">Enter Website</a><br> 
</div> 

<div id="content"> 
    //content here 
</div> 

И JavaScript:

<script> 
     $(window).load(function(){ 
     // executes when complete page is fully loaded, including all frames, objects and images 
     $("#enter").fadeIn(1000); 
     }); 
</script> 

<script type="text/javascript"> 
     $(window).load(function EnterSite() { 
      $("#logo").fadeOut(500);  
      $("#content").fadeIn(1000); 
     }); 
       //this initialize the grid gallery 

     $(function() { 
      $('#sg-panel-container').gridgallery(); 
     }); 
</script> 

То, что я хочу, после загрузки окна ссылка Enter Website должен появиться, которые по щелчку будут исчезать logo div и показать content div. В настоящее время то, что происходит в here

Answer 1

вы, вероятно, следует сделать:

<script> 
     $(window).load(function(){ 
     // executes when complete page is fully loaded, including all frames, objects and images 
     $("#enter").fadeIn(1000); 
     }); 
</script> 

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#enter").click(function() { 
       $("#content").fadeIn(1000); 
      }); 
     }); 
      $(document).ready(function(){ 
       $("#enter").click(function() { 
       $('#sg-panel-container').gridgallery(); 
      }); 
     }); 
</script>