利用cookie实现侧滑菜单,在刷新以后依然保持原来的展开或者收缩样式
来源:互联网 发布:老友网南宁网络电视台 编辑:程序博客网 时间:2024/04/30 12:17
侧滑菜单里面的每个li
$(“.sidebar-menu li”).click(function () {
var page = $(this).attr(‘id’);
// 设置cookie把现在选择的那个列的id值存起来
$.cookie(‘page’, page, {path:”/”});
});
点击那个展开收缩的按钮。
$(“.sidebar-toggle”).click(function () {
var status = $(‘body’).attr(‘class’);它具有两种状态skin-blue sidebar-mini sidebar-open展开。skin-blue sidebar-mini sidebar-open sidebar-collapse收缩。
var status1 = ‘skin-blue sidebar-mini sidebar-open ‘;
var status2 = ‘skin-blue sidebar-mini sidebar-open sidebar-collapse’;
if(status==status1){ 如果状态是展开的就让他收缩,并且最后用cookie把此时的状态存起来
status=status2;
}else{
status=status1;
}
//把body中代表他是收缩还是展开的class类存起来
$.cookie(‘status’, status, {path:”/”});
});
下面的内容是每个页面都得引用的。比如放在公共的需要引用的header或者footer里面
$(function(){
$(“#” + $.cookie(‘page’)).addClass(‘active’);//读取cookie获取选择的侧滑列,添加选中active样式
if($.cookie(‘status’)){
$(‘body’).attr(‘class’,$.cookie(‘status’));//读取cookie,获取树状展开或关闭状态。
}
});
- 利用cookie实现侧滑菜单,在刷新以后依然保持原来的展开或者收缩样式
- 侧滑菜单,cookie 的使用在刷新以后依然保持原来的展开或者收缩样式。
- 侧滑菜单,在刷新以后依然保持原来的展开或者收缩样式
- js实现菜单的收缩与展开
- 21_实现可收缩和展开的级联菜单
- 页面滚动条 刷新后 保持在原来的位置
- Jquery实例2:可收缩展开的级联菜单与局部刷新
- 很实用的展开/收缩菜单
- 在页面中实现内容的展开和收缩
- 仅仅使用元素的属性实现菜单的收缩与展开JavaScript
- Asp.net TreeView点节点中文字实现菜单的收缩与展开
- jQuery 淡入淡出、展开收缩菜单实现代码
- Jquery实现的文本展开和收缩
- jQuery实现图片的展开和收缩
- 原生js实现简单的展开收缩
- JS实现段落的收缩与展开
- 利用ImageButton按钮实现展开和收缩DataGrid的嵌套关系表
- 展开与收缩菜单效果
- CMD-NET命令详解
- JVM(Java虚拟机)优化大全和案例实战
- Spark优化-troubleshooting 解决算子函数返回NULL导致问题
- Java进阶---继承1
- lombok 注解
- 利用cookie实现侧滑菜单,在刷新以后依然保持原来的展开或者收缩样式
- Centos 7 安装 GitLab
- Ambari postgres数据库操作
- Java多线程编程模式实战指南(二):Immutable Object模式
- 内存泄漏及管理(01)-简述GC机制和检测工具
- C#委托使用详解(Delegates)
- Apache/Tomcat/JBOSS/Nginx区别
- 浅谈JSONP POST跨域
- Linux查看网卡是千兆还是万兆网卡