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
暂无评论内容