如何更改导航栏中所选项的类属性

bir*_*rdy 1 grails twitter-bootstrap

我正在使用带有grails的twitter bootstrap并在我的布局中有以下内容:

        <div class="nav-collapse">
            <ul class="nav">
                <li><a href="${createLink(uri: '/request/new')}">My Link</a></li>
            </ul>
        </div>
Run Code Online (Sandbox Code Playgroud)

在我的页面上,我有以下内容:

<html>
    <head>
        <meta name="layout" content="bootstrap">
    </head>

    <body>
        sometext
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

在我的布局中,如何检测My Link单击操作的时间?这样我就可以用它来突出它class="active"

Isa*_*moc 5

使用actionName和controllerName知道您在哪个操作中.

    <div class="nav-collapse">
        <ul class="nav">
            <li ${controllerName == 'request' && actionName == 'new' ? 'class="active"' : ''}><a href="${createLink(uri: '/request/new')}">My Link</a></li>
        </ul>
    </div>
Run Code Online (Sandbox Code Playgroud)

顺便说一句,我建议你使用g:link而不是g:createLink在可能的地方.这里 :

    <div class="nav-collapse">
        <ul class="nav">
            <li ${controllerName == 'request' && actionName == 'new' ? 'class="active"' : ''}><g:link controller="request" action="new">My Link</g:link></li>
        </ul>
    </div>
Run Code Online (Sandbox Code Playgroud)