python - 关于django 模板中循环列表
问题描述
有一个导航条,想在这个导航下被激活的时候添加一个class = ’on’属性如果点导航第二项 就第二项加这个class
{% for nav in NAV %}<li>nav</li>{% end for %}
比如
<li class='on'>第一项</li><li>第二项</li><li>第三项</li>
这种该怎么实现呢?
问题解答
回答1:#后端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 %}回答2:
你这个跟 django 没什么关系啊。你这个是前端页面的问题,比如:你一次把导航都加载到前端页面,然后需要根据点击来打开当前菜单,然后关闭其他菜单的效果,对吧?要是我理解的没问题的话,这是前端的问题
1、 bootstrap 或者 UIKit 都是支持这种效果的;
2、你自己写导航样式,比如名称为active,然后在jQuery 里给你点击的对象 $(this).addClass(’active’),这是一个思路;
相关文章:
1. docker-compose 为何找不到配置文件?2. docker - 各位电脑上有多少个容器啊?容器一多,自己都搞混了,咋办呢?3. 怎样用正则表达式删除HTML标签4. android - gradle经常无限等待,所有的办法都用上了5. JS怎么给每相隔一行的TD添加filter滤镜?6. android-studio - Android Studio 2.2 beta2 更新后强制将 Gradle 版本升级为 2.14.1,有没有遇到同样情况的?7. docker gitlab 如何git clone?8. javascript - vue中父组件向子组件传递Object时,如何避免TypeError?9. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下10. 设置python环境变量时不小心把原始path都删了,请问怎么恢复? win7 64位的