您的位置:首頁技術文章
文章詳情頁

python - 關于django 模板中循環列表

瀏覽:139日期:2022-06-26 16:47:03

問題描述

有一個導航條,想在這個導航下被激活的時候添加一個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’),這是一個思路;

標簽: Python 編程
相關文章:
国产综合久久一区二区三区