javascript - ページの読み込みが正しく機能しない

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リンクが表示され、クリックするとdivがフェードアウトしてlogodivが表示されることcontentです。現在起こっていることはここにあります

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>