問題描述

有一個導(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)呢？

問題解答

#后端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’),這是一個思路；