javascript - 如何同时激活按钮个人资料和帖子?

标签 javascript html css django

如果我在 127.0.0.1:8000/posts/我的按钮是“事件的”,但是如果我在 127.0.0.1:8000/profile/我的按钮“个人资料”是事件的但按钮“发布”不活动。

如何同时激活按钮个人资料和帖子?

<div class="container" />
<div class="navbar" />
<div class="navbar-inner" />
<a class="brand {%if request.get_full_path == '/'%} active{%endif%} " href="/">Start</a>
<ul class="nav">
   <li {%if request.get_full_path == '/post/'%}class="active"{%endif%}><a href="/post/">{% trans "Post" %}</a></li>
</ul>



<ul class="nav" />
<li {% if active == 1 %}class="active"{%endif%}><a href="/profile/">{% trans "Profile" %}</a>
</li>
<li {% if active == 2 %}class="active"{%endif%}><a href="/posts/">{% trans "Post" %}</a></li>
....

如果这是事件的:

<li {% if active == 1 %}class="active"{%endif%}><a href="/profile/">{% trans "Profile" %}</a>

这个:

<li {%if request.get_full_path == '/post/'%}class="active"{%endif%}><a href="/post/">{% trans "Post" %}</a></li>

也必须是活跃的

最佳答案

有一个 if 语句,它为列表项之一提供了一个事件的 css 类。 if 语句不会使两个按钮都处于事件状态,因为“事件”不能同时具有 2 个不同的值。如果出于某种原因两者都需要处于事件状态,则可以删除 if 语句并将 css 类 active 应用于两者。

关于javascript - 如何同时激活按钮个人资料和帖子?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14458066/

相关文章:

javascript - 检测组合字符以忽略其中的一些

javascript - "alert()"和 "confirm()"不适用于 "apple-mobile-web-app-capable"

javascript - "clear"是 Javascript 中的保留字吗?

javascript - 重新格式化 javascript 时,IntelliJ 13 不会出现 "keep line breaks"

JavaScript 通过按钮删除 li 元素

html - 垂直导航栏错误

javascript - React native - 嵌入 Twitter

c# - 根据移动或桌面 HTML 和 CSS 更改图像

javascript - 动态创建 HTML 元素

html - 如何强制嵌套 div 完全适合父级?