文章/答案/技术大牛

发布

社区首页 >问答首页 >如何为nunjucks中的不同页面在body上添加change类？

问如何为nunjucks中的不同页面在body上添加change类？
EN

Stack Overflow用户

提问于 2015-10-20 00:50:28

回答 3查看 4.8K关注 0票数 4

我正在使用Mozilla Nunjucks模板系统来创建一个有多个页面的静态网站。出于某种目的，我想为每个不同的页面向body标记添加一个类

关于我们页面> <body class="about">

主页> <body class="home">

我可以很容易做到这一点，如果我保持在每个页面内的body标签，但我想保持我的模板内的body标签，我将用于所有的页面。

我想有条件地更换班级。

javascript

nunjucks

回答 3

Stack Overflow用户

发布于 2017-06-20 12:37:52

在您的页面上设置变量。在你的布局上：{% set bodyClass = "pageClass" %}
Call bodyClass On page.njk。<body{% if bodyClass %} class="{{ bodyClass }}"{% endif %}>

票数 6

Stack Overflow用户

发布于 2016-02-12 14:14:50

它不是完全动态的，但您可以在页面模板中设置变量，并在条件中使用这些变量来设置body类。

layout.nunjucks

{% if pgHome %}
  <body class="home">
{% elif pgAbout %}
  <body class="about">
{% else %}
  <body class="page">
{% endif %}

home.nunjucks

{% extends "layout.nunjucks" %}
{% set pgHome = true %}


  Homepage Markup
  ...

票数 3

Stack Overflow用户

发布于 2015-10-20 06:44:56

试试这个：

布局：

<body class="{%block bodyClass %}{% endblock %}">

页面：

{% block bodyClass %} about {% endblock %}

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33219788

复制

相似问题

问如何为nunjucks中的不同页面在body上添加change类？
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何为nunjucks中的不同页面在body上添加change类？EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何为nunjucks中的不同页面在body上添加change类？
EN