Как отключить обновление меню в wordpress?

Question

[Alex Memstill]

Доброго дня всем!
Подскажите пожалуйста, как сделать, чтобы при нажатии на пункты меню обновлялась только область <section> на сайте, а меню и виджеты оставались как есть?

Answer 1

[Alex Memstill]

$(document).ready(function() {
 
    // Check for hash value in URL
    var hash = window.location.hash.substr(1);
    var href = $('#nav a').each(function(){
        var href = $(this).attr('href');
        if(hash==href.substr(0,href.length-5)){
            var toLoad = hash+'.html #content';
            $('#content').load(toLoad)
        } 
    });
    
    $('#nav li a').click(function(){
    
    var toLoad = $(this).attr('href')+' #content';
    $('#content').hide('fast',loadContent);
    $('#load').remove();
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
    function loadContent() {
     $('#content').load(toLoad,'',showNewContent())
    }
    function showNewContent() {
     $('#content').show('normal',hideLoader());
    }
    function hideLoader() {
     $('#load').fadeOut('normal');
    }
    return false;
    
    });
});

Есть вот такой код. Но когда он отрабатывает, у меня получается два Content-а.

<div id="content" style=""><div id="content">
		<div class="row">

Вот CSS до:

Вот после:


Меню написано руками в header

Comments

[Alex Memstill]

Перенес Contnet под Cоntainer и все заработало как надо!
Уже не первый раз пока жду здесь ответа, нахожу его сам :)

Спасибо ТОСТЕР - познавательный :)