jQuery dissolvenza in caricamento pagina

Question

Sto provando ad agganciare un po 'di jQuery al mio nav per aprire e chiudere il wrapper della pagina quando qualcuno fa clic su un collegamento nav principale. Il codice stesso sta lavorando bene, ma basta avere 2 numeri:

• C'è un fuoco di beggining come viene caricato tutto, lo rimuove, poi svanisce in (non so se questo è CSS correlato).
• I collegamenti sono interrotti. Per esempio: "contatto" quando si fa clic, invece di andare a www.domain.com/contact va a www.domain.com/undefiend

Qualsiasi aiuto sarebbe grande. Grazie!!

JS

$(document).ready(function() { 
    $('#page-wrap').css('display', 'none'); 
    $('#page-wrap').delay(500).fadeIn(1000); 

    $('.menu-item').click(function(event) { 
     event.preventDefault(); 
     newLocation = this.href; 
     $('#page-wrap').fadeOut(1000, newpage); 
    }); 

    function newpage() { 
     window.location = newLocation; 
    } 
}); 

Il codice per il Nav (utilizzando wordpress)

<div id="nav_wrap"> 
    <div id="nav"><?php wp_nav_menu(array('theme_location' => 'header-menu',)); ?></div> 
</div> 

Answer 1

HTML:

<div id="page-wrap" style="display: none;"> 
    ... 
</div> 

jQuery:

$(document).ready(function() { 
    $('#page-wrap').delay(500).fadeIn(1000); 

    $('.menu-item').click(function(event) { 
     event.preventDefault(); 
     var newLocation = this.href; 
     $('#page-wrap').fadeOut(1000, function() { 
      window.location = newLocation; 
     }); 
    }); 
});