详情页

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

时间:2023年10月23日

编辑:佚名

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;
}
常用导航选中
相关文章
猜你需要