Сохранить кнопку активной при переходе на другую страницу
 

Добрый день, у меня возникла необходимость сохранять кнопку активной при переходе на другую страницу. Кнопка является пунктом меню. Меню огранизовано в виде списка.

То есть, если нажали на главную - то произошел переход на главную и главная остается активной до тех пор, пока не будет выбрана другая кнопка.

Я рассчитывал сделать так: присвоить каждому элементу списка id, считывать значение location.href и в зависимости от этого значения присваивать определенный класс нужному id.

Но такой прием у меня не работает. Скажите, пожалуйста, что же я делаю не так и как сделать правильно?

Заранее спасибо!!!

Вот мое меню:
<ul>

<li id="home"><a href="http://lws.ru/index.php?route=information/information&information_id=6">Главная</a></div></li>
<li id="catalogue"><a href="http://lws.ru/index.php?route=information/information&information_id=7">Каталог</a></li>
<li id="portfolio"><a href="http://lws.ru/index.php?route=information/information&information_id=8">Портфолио</a></li>
<li id="sale"><a href="http://lws.ru/index.php?route=information/information&information_id=9">Как купить?</a></li>


</ul>

Всё. так одностраничные сайты организовывать как минимум дурной тон а должно. слеш смущает -но не факт. в дальнейшем коде что то не то делаете.

перейдёт на 10 страниц и 10 ссылок будут выделены при аякс. при перезагрузке страницы не будет выделена ни одна

Попробуйте сохранять активную ссылку в window.name или coocie и устанавливать при загрузке страницы
Гы - появляются новые вводные, не заявленые старт топике

с чего это ? у него обычная передача данных между страницами методом гет ,либо аякс запрос со слушателем на родителе выше

Где это Вы вычитали - мну не увидел...

его код это подразумевает -это раз
-а это два

Если страница перезагружается тогда можно на PHP $_SERVER['REQUEST_URI'],
а если не перезагружается тогда сперва удаляете класс скажем "activa" и добавляете тот же "active" к нужному id

$('.menu a').click(function(){
$('.menu').removeClass('active');
$(this).addClass('active');
});

Вот кстати самому пришлось делать, решил таким способом:

$(window).load(function () {
    
 var url = location.pathname;
 
        $('#topmenu li').each(function() {

            var href = $(this).find('a').attr('href')
            if(url == href) {
                $(this).addClass("active");
            }
        });
    
  });