扫码关注官方订阅号
有一个导航条,想在这个导航下被激活的时候添加一个class = 'on'属性如果点导航第二项 就第二项加这个class
{% for nav in NAV %} nav {% end for %}
比如
第一项 第二项 第三项
这种该怎么实现呢?
温故而知新,可以为师矣。博客:www.ouyangke.com
#后端 navs = [ {'name': '菜单1', 'url': 'url1'}, {'name': '菜单2', 'url': 'url2'} ] for nav in navs: nav['class'] = 'on' if nav['url'] == request.path else None #前端 {% for nav in navs %} <li class={{ nva.class }}>{{ nva.name }}</li> {% end for %}
你这个跟 django 没什么关系啊。你这个是前端页面的问题,比如:你一次把导航都加载到前端页面,然后需要根据点击来打开当前菜单,然后关闭其他菜单的效果,对吧?要是我理解的没问题的话,这是前端的问题
1、 bootstrap 或者 UIKit 都是支持这种效果的;
2、你自己写导航样式,比如名称为active,然后在jQuery 里给你点击的对象 $(this).addClass('active'),这是一个思路;
active
$(this).addClass('active')
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
你这个跟 django 没什么关系啊。
你这个是前端页面的问题,比如:
你一次把导航都加载到前端页面,然后需要根据点击来打开当前菜单,然后关闭其他菜单的效果,对吧?
要是我理解的没问题的话,这是前端的问题
1、 bootstrap 或者 UIKit 都是支持这种效果的;
2、你自己写导航样式,比如名称为
active,然后在jQuery 里给你点击的对象$(this).addClass('active'),这是一个思路;