問題描述

有一個(gè)導(dǎo)航條，想在這個(gè)導(dǎo)航下被激活的時(shí)候添加一個(gè)class = ’on’屬性如果點(diǎn)導(dǎo)航第二項(xiàng) 就第二項(xiàng)加這個(gè)class

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

比如

<li class='on'>第一項(xiàng)</li><li>第二項(xiàng)</li><li>第三項(xiàng)</li>

這種該怎么實(shí)現(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：

你這個(gè)跟 django 沒什么關(guān)系啊。你這個(gè)是前端頁(yè)面的問題，比如：你一次把導(dǎo)航都加載到前端頁(yè)面，然后需要根據(jù)點(diǎn)擊來(lái)打開當(dāng)前菜單，然后關(guān)閉其他菜單的效果，對(duì)吧？要是我理解的沒問題的話，這是前端的問題

1、 bootstrap 或者 UIKit 都是支持這種效果的；

2、你自己寫導(dǎo)航樣式，比如名稱為active，然后在jQuery 里給你點(diǎn)擊的對(duì)象 $(this).addClass(’active’),這是一個(gè)思路；