$(document).on('click', 'a',function(e){
if($(this).is('a:not([data-fancybox])') && $(this).is('a[href^="'+site_url+'"]')){
//e.preventDefault();
locationPrev = window.location.href;
var url = $(this).attr('href'),
toLoad = url+' #wrapper',
content = $('#ajax-content'),
opacityContent = $('#content');
opacityContent.animate({opacity: 0.1},loadContent());
function loadContent(){
setTimeout(function (){
content.load(toLoad,'',showNewContent());
},300);
}
function showNewContent(){
$('html,body').animate({scrollTop: 0}, 500);
opacityContent.animate({opacity: 1});
}
// А вот так просто меняется ссылка
if(url != window.location){
window.history.pushState(null, null, url);
}
return false;
}
});<body>
<div id="ajax-content">
<div class="wrapper" id="wrapper">
<?php get_header();
<main class="content" id="content">
<!--content-->
</main>
<!-- .content -->
get_footer(); ?>
</div>
<!-- .wrapper -->
</div>
</body>$(document).on('click', 'a',function(e){
if($(this).is('a:not([data-fancybox])') && $(this).is('a[href^="'+site_url+'"]')){
//e.preventDefault();
locationPrev = window.location.href;
var url = $(this).attr('href'),
toLoad = url+' #wrapper',
content = $('#ajax-content'),
opacityContent = $('#content');
opacityContent.animate({opacity: 0.1},loadContent());
function loadContent(){
setTimeout(function (){
content.load(toLoad,'',function(r, s, x){
$.getScript(home_url+"/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js");
$.getScript(home_url+"/wp-content/plugins/contact-form-7/includes/js/scripts.js");
$.getScript(template_dir+"/js/map.js");
$('html,body').animate({scrollTop: 0}, 500);
opacityContent.animate({opacity: 1},500);
});
},300);
}
// А вот так просто меняется ссылка
if(url != window.location){
window.history.pushState(null, null, url);
}
return false;
}
});
get_footer(); находится в нутри тега с классом .wrapper и когда ты подгружаешь страницу ты все загруженые скрипты и стили перезатераешь вот и не работает должным образом
Простой
