問題描述

有一個導航條，想在這個導航下被激活的時候添加一個class = ’on’屬性如果點導航第二項 就第二項加這個class

{% for nav in NAV %}<li>nav</li>{% end for %}

比如

<li class='on'>第一項</li><li>第二項</li><li>第三項</li>

這種該怎么實現呢？

問題解答

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