<li class =“ active”>在您所在页面的功能中

马克·琼克斯

在xpage上,我有一个导航栏。在此导航栏上,您将看到哪个显示在您所在的页面上。我该如何计算并将该类放到正确的位置

我尝试了以下无效的方法:

        <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
            <li class="active">
                <xp:text escape="false" id="computedField1">
                    <xp:this.value><![CDATA[#{javascript:active = @RightBack(view.getPageName(),'/');
                     main ="<a href='product.xsp'>PRODUCTS</a>";
                     home ="<a href='home.xsp'>HOME</a>";
                     if (active =="product.xsp"){
                     return main
                     }
                     else {
                     return home
                     }}]]></xp:this.value>
                </xp:text>

            </li>
            <li>
                <a href="#">NEXT LINK</a>
            </li>
            <li>
                <a href="#">ANOTHER LINK</a>
            </li>
        </ul>
    </div>

实际上我想计算该类。当我在HOME页面上时,HOME链接应使该班级处于活动状态。当我在PRODUCTS页面上时,HOME链接应成为普通li,而product li应获得活动类li。

如何计算课程?

据我所知,SSJS中没有添加类的可能性?

杰西·加拉格尔(Jesse Gallagher)

尽管不能使用“ this”,但您可以计算传递标记的属性。他们的符号。对于这种事情,我经常这样做:

<li class="${view.pageName == '/home.xsp' ? 'active' : ''}">...</li>
<li class="${view.pageName == '/products.xsp' ? 'active' : ''}">...</li>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Change the active class in nav li

来自分类Dev

包含li class =“ active”的jQuery open div

来自分类Dev

包含li class =“ active”的jQuery open div

来自分类Dev

带有class =“ active”的li始终显示在mouseleave上

来自分类Dev

通过标签将Active class设置为特定的li

来自分类Dev

Bootstrap NavBar 不使用 React-Router 设置 li class="active"。ReactJS

来自分类Dev

通过JQuery在父<li>中查找.class

来自分类Dev

为什么我的active li比hover li的大?

来自分类Dev

* ngFor与class.active

来自分类Dev

使<li>元素为“ active”而不是<a>元素

来自分类Dev

菜单li a:active如何使它正常工作?

来自分类Dev

切换li .active类

来自分类Dev

“ a:active”和“ .active a.class”之间的区别

来自分类Dev

Add class to active menu on click

来自分类Dev

autoclick <button class="next active">

来自分类Dev

AngularJS:对li添加Active效果和悬停效果

来自分类Dev

滑动滑块-在li.slick-active点之前添加类

来自分类Dev

如何检查 li 是否具有 Active 类?

来自分类Dev

当子LI具有“ item_active”时,将类“ item_active”添加到父LI

来自分类Dev

Django表单错误:<ul class =“ errorlist”> <li>语言<ul class =“ errorlist”> <li>输入值列表。</ li> </ ul> </ li> </ ul>

来自分类Dev

<li class = disabled不适用于禁用菜单中的选项

来自分类Dev

在yii框架中的li标签之后添加带有class标签的span

来自分类Dev

HTML li class = youarehere无法正常工作

来自分类Dev

CSS Active Class不会在浏览器中得到尊重吗?

来自分类Dev

ul li独家功能

来自分类Dev

功能点击li元素

来自分类Dev

ul li独家功能

来自分类Dev

MVC 5 Razor Navigation Active CLass

来自分类Dev

php添加class ='active'到菜单

Related 相关文章

热门标签

归档