最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

使用EJS和HTML将其他类添加到已添加类的元素中?

运维笔记admin12浏览0评论

使用EJS和HTML将其他类添加到已添加类的元素中?

使用EJS和HTML将其他类添加到已添加类的元素中?

我目前正在尝试使用ejs为导航栏开发部分模板文件,但是我正在努力为已经添加了类的元素添加其他类。

我尝试了2种添加附加类的方法,这是第一种:

<li class='navbar-item'<% if (pageTitle === 'Home') { %> class="active" <% } %>> <a href="/home">Home</a></li>

但是这没用,所以我决定尝试在类属性中嵌入EJS,如下所示

<li class="nav-item <% if (pageTitle === 'Home') { %> active <% } %>"> 

这也没有用,我确保正确提供pageTitle,因为它在网页的其他地方使用并且工作正常。

我不确定下一个阶段是什么,我考虑使用额外的JS文件,但这似乎反效果,因为我已经能够将JS嵌入到HTML中。

任何帮助表示赞赏,提前谢谢。

回答如下:

使用像这样的条件运算符可以让您的生活更轻松

<li class="<%= pageTitle == 'Home' ? 'navbar-item active' : 'navbar-item' %>" 
发布评论

评论列表(0)

  1. 暂无评论