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

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

在我的页面上,我有以下内容:
<html> 
    <head> 
        <meta name="layout" content="bootstrap"> 
    </head> 
 
    <body> 
        sometext 
    </body> 
</html> 

问题

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

请您参考如下方法:

这就是我倾向于这样做的方式。

首先,在布局中,您将执行以下操作:

<div class="nav-collapse"> 
    <ul class="nav"> 
        <li class="${ pageProperty(name:'meta.nav').equals( 'foo' ) ? 'active' : null }"><a href="${createLink(uri: '/request/new')}">My Link</a></li> 
    </ul> 
</div> 

在您的页面中:
<html> 
    <head> 
        <meta name="layout" content="bootstrap"> 
        <meta name="nav" content="foo"/> 
    </head> 
 
    <body> 
        sometext 
    </body> 
</html> 
foo是应用 .active类的触发器。


评论关闭
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!