python - 關(guān)于django 模板中循環(huán)列表
問題描述
有一個導(dǎo)航條,想在這個導(dǎo)航下被激活的時候添加一個class = ’on’屬性如果點導(dǎo)航第二項 就第二項加這個class
{% for nav in NAV %}<li>nav</li>{% end for %}
比如
<li class='on'>第一項</li><li>第二項</li><li>第三項</li>
這種該怎么實現(xiàn)呢?
問題解答
回答1:#后端navs = [ {’name’: ’菜單1’, ’url’: ’url1’}, {’name’: ’菜單2’, ’url’: ’url2’}]for nav in navs: nav[’class’] = ’on’ if nav[’url’] == request.path else None #前端{(lán)% for nav in navs %}<li class={{ nva.class }}>{{ nva.name }}</li>{% end for %}回答2:
你這個跟 django 沒什么關(guān)系啊。你這個是前端頁面的問題,比如:你一次把導(dǎo)航都加載到前端頁面,然后需要根據(jù)點擊來打開當(dāng)前菜單,然后關(guān)閉其他菜單的效果,對吧?要是我理解的沒問題的話,這是前端的問題
1、 bootstrap 或者 UIKit 都是支持這種效果的;
2、你自己寫導(dǎo)航樣式,比如名稱為active,然后在jQuery 里給你點擊的對象 $(this).addClass(’active’),這是一個思路;
相關(guān)文章:
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~4. javascript - nodejs關(guān)于進(jìn)程間發(fā)送句柄的一點疑問5. Apache 已經(jīng)把網(wǎng)站根目錄的改為allow from all了,但是服務(wù)器還是不能訪問?6. 實現(xiàn)bing搜索工具urlAPI提交7. 配置Apache時,添加對PHP的支持時語法錯誤8. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化9. javascript - 移動端上不能實現(xiàn)拖拽布局嗎?10. phpstudy8.1支持win11系統(tǒng)嗎?

網(wǎng)公網(wǎng)安備