python - Mengenai senarai gelung dalam templat django
欧阳克
欧阳克 2017-07-05 10:34:48
0
2
985

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?

欧阳克
欧阳克

温故而知新,可以为师矣。 博客:www.ouyangke.com

membalas semua(2)
淡淡烟草味
#后端
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 %}
ringa_lee

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan