1.点击menu时,所有箭头都变了(只有点击的变化)
2.跳到某选项时自动刷新回到全部合并(需调整为页面变化后,menu位置和展开不变)
求解决办法,代码和图在下面//sidebar dropdown menu
jQuery('#sidebar .sub-menu > a').click(function () {
var last = jQuery('.sub-menu.open', jQuery('#sidebar'));
jQuery('.menu-arrow').removeClass('arrow_carrot-right');
jQuery('.sub', last).slideUp(200);
var sub = jQuery(this).next();
if (sub.is(":visible")) {
jQuery('.menu-arrow').addClass('arrow_carrot-right');
sub.slideUp(200);
} else {
jQuery('.menu-arrow').addClass('arrow_carrot-down');
sub.slideDown(200);
}
var o = (jQuery(this).offset());
diff = 200 - o.top;
if(diff>0)
jQuery("#sidebar").scrollTo("-="+Math.abs(diff),500);
else
jQuery("#sidebar").scrollTo("+="+Math.abs(diff),500);
}); // sidebar menu toggle
jQuery(function() {
function responsiveView() {
var wSize = jQuery(window).width();
if (wSize <= 768) {
jQuery('#container').addClass('sidebar-close');
jQuery('#sidebar > ul').hide();
} if (wSize > 768) {
jQuery('#container').removeClass('sidebar-close');
jQuery('#sidebar > ul').show();
}
}
jQuery(window).on('load', responsiveView);
jQuery(window).on('resize', responsiveView);
}); jQuery('.toggle-nav').click(function () {
if (jQuery('#sidebar > ul').is(":visible") === true) {
jQuery('#main-content').css({
'margin-left': '0px'
});
jQuery('#sidebar').css({
'margin-left': '-180px'
});
jQuery('#sidebar > ul').hide();
jQuery("#container").addClass("sidebar-closed");
} else {
jQuery('#main-content').css({
'margin-left': '180px'
});
jQuery('#sidebar > ul').show();
jQuery('#sidebar').css({
'margin-left': '0'
});
jQuery("#container").removeClass("sidebar-closed");
}
});
2.跳到某选项时自动刷新回到全部合并(需调整为页面变化后,menu位置和展开不变)
求解决办法,代码和图在下面//sidebar dropdown menu
jQuery('#sidebar .sub-menu > a').click(function () {
var last = jQuery('.sub-menu.open', jQuery('#sidebar'));
jQuery('.menu-arrow').removeClass('arrow_carrot-right');
jQuery('.sub', last).slideUp(200);
var sub = jQuery(this).next();
if (sub.is(":visible")) {
jQuery('.menu-arrow').addClass('arrow_carrot-right');
sub.slideUp(200);
} else {
jQuery('.menu-arrow').addClass('arrow_carrot-down');
sub.slideDown(200);
}
var o = (jQuery(this).offset());
diff = 200 - o.top;
if(diff>0)
jQuery("#sidebar").scrollTo("-="+Math.abs(diff),500);
else
jQuery("#sidebar").scrollTo("+="+Math.abs(diff),500);
}); // sidebar menu toggle
jQuery(function() {
function responsiveView() {
var wSize = jQuery(window).width();
if (wSize <= 768) {
jQuery('#container').addClass('sidebar-close');
jQuery('#sidebar > ul').hide();
} if (wSize > 768) {
jQuery('#container').removeClass('sidebar-close');
jQuery('#sidebar > ul').show();
}
}
jQuery(window).on('load', responsiveView);
jQuery(window).on('resize', responsiveView);
}); jQuery('.toggle-nav').click(function () {
if (jQuery('#sidebar > ul').is(":visible") === true) {
jQuery('#main-content').css({
'margin-left': '0px'
});
jQuery('#sidebar').css({
'margin-left': '-180px'
});
jQuery('#sidebar > ul').hide();
jQuery("#container").addClass("sidebar-closed");
} else {
jQuery('#main-content').css({
'margin-left': '180px'
});
jQuery('#sidebar > ul').show();
jQuery('#sidebar').css({
'margin-left': '0'
});
jQuery("#container").removeClass("sidebar-closed");
}
});
解决方案 »
- 求一个类似百度登录那种弹出式登陆框例子
- 怎样刷新有缓存的页面?
- Ext生成JSON数据的数出错,高手指点下!
- 怎样用javascript去掉html中用javascript生成的标签?
- frame中怎样写控制myform提交的javascript代码???
- EXTJS中store的proxy.api的问题
- 将htm文件转换成JS的问题
- js 不好,求整数!在线等!
- 请问怎样在本页控制本页的工具栏,状态栏,以及滚动条的有无
- javascript动态生成的控件 为何不见了?!
- 百度地图JS API获取定位信息问题
- 获取子页面元素要点两次才能获取到,且修改子页面节点属性无效,到底哪里有问题望大腿们给瞧瞧?
把菜单状态信息都保存在localStorage中。
页面刷新后再读取localStorage中的信息,重设菜单状态。