Jekyll 在数据驱动导航上设置活动类
我在Jekyll 在数据驱动导航上设置活动类,jekyll,liquid,Jekyll,Liquid,我在\u data文件夹中创建了一些正常工作的数据。我正在使用它创建一个导航系统 在我的数据文件elements.yml中: - name: design-elements - name: ui-components - name: helper-classes 对于我的简单导航,如果page.url=={{data.name},我会添加一个active类。我是这样写的: {site.data.elements%中元素的%s} 即使我的页面导航与{{element.name}}相同,
\u data
文件夹中创建了一些正常工作的数据。我正在使用它创建一个导航系统
在我的数据文件elements.yml
中:
- name: design-elements
- name: ui-components
- name: helper-classes
对于我的简单导航,如果page.url=={{data.name}
,我会添加一个active
类。我是这样写的:
{site.data.elements%中元素的%s}
即使我的页面导航与{{element.name}}
相同,它也不会解析为true
如果我这样明确地写它,它会起作用:
这非常有效,但现在我很好奇如何使用
assign
,就像你提到的那样。@justinw使用append,类似于:{%assign newurl='/'| append:element.name | append:'.html%}
{% capture new_url %}/{{element.name}}.html{% endcapture %}
<li {% if page.url == new_url %} class="active"{% endif %}>