jekyll gitage Blog 怎么实现标签分类.... 想了整整 3 天. 开始怀疑智商了....
xx0219 · 2016-12-15 18:52:59 +08:00 · 1116 次点击这是一个创建于 2901 天前的主题，其中的信息可能已经有所发展或是发生改变。
博客链接 这个主题...
研究了 3 天也没弄明白 是怎么实现 点击标签 过滤出对应的文章的...
主要 js 代码 应该就是下面这段(assets/js/main.js 里)
// Tags Filter
$('#sidebar-tags').on('click', '.sidebar-tag', function() {
var filter = $(this).data('filter');
console.log("filter= "+filter);
var datatags = $(".toc-link").data('tags');
console.log("data-tags= "+datatags);
if (filter === 'all') {
toc.fadeIn(350);
} else {
toc.hide();
$('.toc-link[data-tags~=' + filter + ']').fadeIn(350);
}
$(this).addClass('active').siblings().removeClass('active');
});
});
主要的 html 结构:
- 全部文章 {% for tag in site.tags %}
- {{ tag | first }} {% endfor %}
<nav id="toc">
{% for post in site.posts %}
{{ post.title }}
{% endfor %}
</nav>
重点应该在 data-tags data-filter 这两个 html5 新增加的功能上...
目前尚无回复
Select Language