现在有个需求,就是在导航栏上有若干个按钮,我想实现的功能是当点击某个按钮后修改文字颜色,这样网站会更人性化。现总结方法如下:

index.html:

<ul class="navbar-nav mr-auto">
	<li class="nav-item">
		<a class="nav-link {% if isactive == 'home' %}active{% endif %}" href="{% url 'home' %}">Home</a>
	</li>
	<li class="nav-item">
		<a class="nav-link {% if isactive == 'about' %}active{% endif %}" href="{% url 'about' %}">About</a>
	</li>
</ul>

app.views.py

def home(reqeust):
	isactive = "home"
	return render(request, "home.html", {"isactive":isactive})
	
def about(reqeust):
	isactive = "about"
	return render(request, "about.html", {"isactive":isactive})

Django bootstrap按钮点击后激活active



MARSGGBO原创





2019-8-12



相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-19
  • 2021-09-22
  • 2022-12-23
  • 2022-12-23
  • 2021-09-04
猜你喜欢
  • 2021-05-17
  • 2021-07-11
  • 2021-11-17
  • 2021-10-17
  • 2022-12-23
  • 2021-11-17
相关资源
相似解决方案