Меню

Вообщем пишу меню и как мне сделать чтобы актив двигался при переходе на др вкладку
<?php

$menu = '<div class="span3">
<div class="well">
<nav>
<ul class="nav nav-list">
<li class="nav-header">
Основное меню
</li>
<li class="active"><a href="/"><i class="fa fa-power-off"></i> Главная</a></li>
<li><a href="?'.$link.'=logout"><i class="fa fa-th"></i> 1</a></li>
<li><a href="?'.$link.'=logout"><i class="fa fa-exchange"></i> 2</a></li>
<li><a href="?'.$link.'=logout"><i class="fa fa-question-circle"></i> 3</a></li>
<li><a href="?'.$link.'=logout"><i class="fa fa-info-circle"></i> 4</a></li>
<li><a href="?'.$link.'=settings"><i class="fa fa-cog"></i> Настройки</a></li>
<li><a href="?'.$link.'=logout"><i class="fa fa-power-off"></i> Выход</a></li>
</ul>
</nav>
</div>
</div>';

?>
Тоесть при переходе в настройки он все равно висит на главной как это реализовать я патался циклом и проверкой но у меня уже голова кипит

Для начала - научиться не насиловать препроцессор кусками разметки.
Как вариант:

HTML:

<div class="span3">
    <div class="well">
        <nav>
        <ul class="nav nav-list">
            <li class="nav-header">Основное меню</li>
            <li class="active"><a href="/"><i class="fa fa-power-off"></i> Главная</a></li>
      
            <li <?=(strpos($_SERVER['REQUEST_URI'], '=logout') !== false ? 'class="active"' : '') ?> >
                <a href="?<?=$link ?>=logout"><i class="fa fa-th"></i> 1</a>
            </li>
      
            <li><a href="?<?=$link ?>=logout"><i class="fa fa-exchange"></i> 2</a></li>
            <li><a href="?<?=$link ?>=logout"><i class="fa fa-question-circle"></i> 3</a></li>
            <li><a href="?<?=$link ?>=logout"><i class="fa fa-info-circle"></i> 4</a></li>
            <li><a href="?<?=$link ?>=settings"><i class="fa fa-cog"></i> Настройки</a></li>
            <li><a href="?<?=$link ?>=logout"><i class="fa fa-power-off"></i> Выход</a></li>
            </ul>
        </nav>
    </div>
</div>

Или же:

HTML:

<div class="span3">
    <div class="well">
        <nav>
        <ul class="nav nav-list">
            <li class="nav-header">Основное меню</li>
            <li class="active"><a href="/"><i class="fa fa-power-off"></i> Главная</a></li>
        
            <li <?=($_GET[$link] == 'logout' ? 'class="active"' : '') ?> >
                <a href="?<?=$link ?>=logout"><i class="fa fa-th"></i> 1</a>
            </li>
        
            <li><a href="?<?=$link ?>=logout"><i class="fa fa-exchange"></i> 2</a></li>
            <li><a href="?<?=$link ?>=logout"><i class="fa fa-question-circle"></i> 3</a></li>
            <li><a href="?<?=$link ?>=logout"><i class="fa fa-info-circle"></i> 4</a></li>
            <li><a href="?<?=$link ?>=settings"><i class="fa fa-cog"></i> Настройки</a></li>
            <li><a href="?<?=$link ?>=logout"><i class="fa fa-power-off"></i> Выход</a></li>
            </ul>
        </nav>
    </div>
</div>

Привел пример на одном пункте меню. Далее по аналогии.

Хмм очень как то странно у тебя получилось
У меня код сайта такой замудреный тут подгрузка там вывод вообще ппц

Блин че то я не допер как это работает запутался только
Вот код меню

Разобрался ?

Тогда добавим ещё щепотку

代码:

$(document).ready(function(){

    $('ul.nav-list li').each(function(index){
        $(this).attr('data-index', index);
    });

    /* http://plugins.jquery.com/cookie/ - плагин поставь если нету */
    var current_index = $.cookie('active_link');
    if(current_index){
        $('ul.nav-list li').removeClass('active');
        $('ul.nav-list li[data-index=' + current_index + ']').addClass('active');
    }

    $('body').on('click', 'ul.nav-list li', function(){
        index = $(this).attr('data-index');
        $.cookie('active_link', index, {
            expires: 7,
            path: '/',
        });
    });

});

Будет current-ссылка на js ставиться. Шикарная шутка.