jekyll gitage Blog 怎么实现标签分类.... 想了整整 3 天. 开始怀疑智商了....
xx0219 2016-12-15 18:52:59 +08:00 1332 次点击这是一个创建于 3247 天前的主题，其中的信息可能已经有所发展或是发生改变。
博客链接 这个主题...
研究了 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