Question

我是Java EE开发的新手。

我的问题是将bootstrap navbar类设置为active，如果用户将转到另一侧。

<ul class="nav navbar-nav navbar-right">
    <li><a href="#"><span class="glyphicon glyphicon-user"></span>
        Sign Up</a></li>
    <li id="login" class="active"><a href="/login.do">
        <span class="glyphicon glyphicon-log-in">
        </span> Login</a>
    </li>
</ul>

实际我已将“导航栏”中的“登录”按钮设置为激活状态。

现在我想使用户可能会转到另一个站点时，导航栏中的活动按钮会切换。我用javascript尝试了它，但它在我的java-ee项目中不起作用。

Answer 1

您没有指定要使用的UI框架。对于JSF，您可以执行以下操作：

您可以使用EL表达式#{view.viewId}检查当前视图ID，如果它符合您的期望，则添加styleClass：

<ul class="nav navbar-nav navbar-right">
    <li styleClass="#{view.viewId == 'login' ? 'active' : ''">
        <a href="#">
            <span class="glyphicon glyphicon-user"></span>Sign Up
        </a>
    </li>
    <li id="login" styleClass="#{view.viewId == 'login' ? 'active' : ''">  
        <a href="/login.do">
            <span class="glyphicon glyphicon-log-in"></span> Login
        </a>
    </li>
</ul>

Java EE - 将类设置为“活动”

1 个答案: