jQuery 利用cookie给导航栏目添加特殊class属性

jQuery 点击指定盒子里的a标签后,将这个a标签的链接设置到cookie里面,当页面跳转后,如何设置cookie链接和a标签的url链接相同,则给这个a标签加上属性,cookie只存储一个,当点击盒子里的其他a标签后,链接直接替换

$(document).ready(function() {
// 获取box里的所有a标签
var links = $('#selectBox a');

// 点击a标签时设置cookie并加上属性
links.click(function() {
    // 设置cookie
    var link = $(this).attr('href');
    document.cookie = "link=" + link + "; path=/";
    return true;
});

// 检查cookie并更新a标签链接
var link = getCookie("link");
if (link) {
    // alert(link)
    links.each(function() {
    if ($(this).attr('href') == link) {
        $(this).addClass('current');
    } 
    });
}
});

// 获取cookie
function getCookie(name) {
var cookieValue = null;
if (document.cookie && document.cookie != '') {
    var cookies = document.cookie.split(';');
    for (var i = 0; i < cookies.length; i++) {
    var cookie = jQuery.trim(cookies[i]);
    if (cookie.substring(0, name.length + 1) == (name + '=')) {
        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
        break;
    }
    }
}
return cookieValue;
}

常用导航选中

© 版权声明
THE END
喜欢就支持一下吧
点赞13
评论 抢沙发

请登录后发表评论

    暂无评论内容