layui侧边导航保存选中样式，及f5,右键带点击刷新，保存页面状态

1.侧边导航跳转样式

图片.png

2.引入的脚本

执行下面一段代码，需要引入jquery.cookie.js否则$.cookie()方法不能使用

2.代码如下

$(document).ready(function () {

    var changeHref = $.cookie('Pathname')

    if (!changeHref) {
        changeHref = '/admin/user/indexContent'
    }

    $('#myIframeId').attr('src', changeHref)

    //先清除对应选中央视的类名    
    $('.layui-nav-child dd').removeClass('layui-this')
    $('.layui-nav li').removeClass('layui-nav-itemed')

    // 循环a标签，查询对应的跳转路径   
    $('.layui-nav-child a').each(function (n, i) {
        var h = $(this).attr('href')
        if (h == changeHref) {
            // 添加对应选中样式的类名
            $(this).parent().addClass('layui-this')
            $(this).parents('.layui-nav-item').addClass('layui-nav-itemed')
        }
    })

    // 循环a标签，查询对应的跳转路径   
    $('.layui-nav-child a').click(function () {
        var s = $(this).attr('href')
        //路径存储到cookie,重置cooike
        $.cookie("Pathname", s)
    })
})