Оставайтесь на той же вкладке после обновления страницы

$(function () {
    // constants
    var SHOW_CLASS = 'show',
        HIDE_CLASS = 'hide',
        ACTIVE_CLASS = 'active';

    $('.tabs').on('click', 'li a', function (e) {
        e.preventDefault();
        var $tab = $(this),
             href = $tab.attr('href');


        $('.active').removeClass(ACTIVE_CLASS);
        $tab.addClass(ACTIVE_CLASS);

        $('.show')
           .removeClass(SHOW_CLASS)
           .addClass(HIDE_CLASS)
           .hide();

        $(href)
          .removeClass(HIDE_CLASS)
          .addClass(SHOW_CLASS)
          .hide()
          .fadeIn(550);
    });
});

Я пробовал метод hiddenfield, но почему-то я все еще не могу оставаться на той же вкладке после обновления. Выше приведен мой код из файла JS.

1 ответ

  1. Вы можете добавить якоря к ссылкам и использовать location.hashдля захвата хэша из URL.

    Не нужноe.preventDefault();, если нет hrefтега, и вы можете использовать dataатрибут вместо этого.