python - Mengenai senarai gelung dalam templat django

Question

Terdapat bar navigasi, dan saya ingin menambah atribut class = 'on' apabila navigasi ini diaktifkan
Jika anda mengklik pada item navigasi kedua, tambahkan kelas ini pada item kedua

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

Sebagai contoh

<li class="on">第一项</li>
<li>第二项</li>
<li>第三项</li>

Bagaimana untuk mencapai ini?

Answer 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 %}

Answer 2

Anda tiada kaitan dengan django.
Ini adalah masalah dengan halaman hadapan Sebagai contoh:
Anda memuatkan semua navigasi ke halaman hujung hadapan sekali gus, dan kemudian anda perlu membuka menu semasa berdasarkan klik, dan kemudian mematikan kesan daripada. menu lain kan?
Jika saya faham dengan betul, ini adalah masalah front-end

1. Bootstrap atau UIKit semua menyokong kesan ini

2. Tulis sendiri gaya navigasi, contohnya, namanya active，然后在jQuery 里给你点击的对象 $(this).addClass('active'), ini adalah idea