为了账号安全,请及时绑定邮箱和手机立即绑定

web项目 刷新页面后 菜单栏激活状态问题

web项目 刷新页面后 菜单栏激活状态问题

kixv 2018-06-29 16:22:01
菜单、视图是两个独立页面每次点击菜单更新视图 每次页面链接只是视图进行刷新 菜单部分不动但是刷新整个页面以后菜单的active激活样式会重置成默认样式因为菜单还包括下拉菜单 而视图又很多 每个页面设置flag又不太合理这种情况如何处理比较合理?
查看完整描述

1 回答

?
橋本奈奈未

TA贡献436条经验 获得超108个赞

两个页面指的是iframe?

如果你是想保留active的状态,

一种是更改location的hash,这个是不会重载页面的,spa的路由在没有后端配合下就是通过改这个实现的

一种可以session存储,刷新的时候取

查看完整回答
反对 回复 2018-06-29
  • kixv
    kixv
    不是iframe ,通过ajax的方式获取内容来模拟页面的链接,根页面(类似上边图片的菜单部分)保持不动 现在用的方法就是您说的hash方法 但这种方法在页面f5刷新时 根页面也进行了刷新 active的状态也就没有了
  • 橋本奈奈未
    橋本奈奈未
    所以其实内容只是div显示咯。hash方法刷新是可以保留的,但是你的active态是怎么处理的是另一回事,需要获取对应路由去显示active态
  • 橋本奈奈未
    橋本奈奈未
    你的active态是通过a:active显示对应的样式吗
点击展开后面3
  • 1 回答
  • 0 关注
  • 1473 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信