jQuery, sayfa yüklenme aşamasında kayboluyor

Question

Birisi ana nav bağlantısını tıklattığında sayfa sarıcısını açmak ve gidermek için bazı jQuery'leri navamıza bağlamaya çalışıyorum. kodunun kendisi iyi çalışıyor, ama sadece 2 sorunları var olduğunu: o, her şeyi yükler kaldırır gibi beggining bir flaş vardır

• , sonra onu kaybolur (bu ilgili CSS olup olmadığından emin değil).
• Bağlantılar bozuk. Örneğin: tıkladığınızda "temas" yerine www.domain.com/contact gitmekten çok iyi olurdu www.domain.com/undefiend

Herhangi bir yardım gider. Teşekkürler!!

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; 
    } 
}); 

Nav (kullanarak wordpress) için kod

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

Answer 1

HTML:

$(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; 
     }); 
    }); 
});