Javascript js页面跳转 tab设置选中active

最新推荐文章于 2024-03-17 14:27:55 发布

原创最新推荐文章于 2024-03-17 14:27:55 发布 · 6.4k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#cookie

Javascript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种使用Cookie来保持页面导航项选中状态的方法。通过为激活的导航项添加'active'类并利用Cookie记录当前选中项的索引，实现了页面间的导航状态保存。点击导航项时，会更新Cookie中的索引值。

页面跳转设置active

这里有一个古老的方法，也是备受争议思否----可供参考

本文使用cookie实现active的选中状态
注意一点，就是存cookie的方法和取cookie的方法一定要分开

$('#footer li').each(function () {
    $(this).removeClass('active')
    var Index = $(this).index();
    var now = Cookies.get('Index')
    if (!now && Index == 0) {
        $(this).addClass('active')
    }
    else if (Index == now) {
        $(this).addClass('active')
    }
    else {
        return true
    }
})
$('#footer li').click(function () {
    var Index = $(this).index();
    Cookies.set('Index', Index)
})