先来看看效果
实现原理
- 新增一个自定义字段，布尔类型,y/n,用js判断提取
- js自动获取文章目录
- 修改css样式
js代码1
放入模板文件
<script>
$(document).ready(function(e) {
var kj='[!--ml--]';
console.log(kj);
if(kj=='Y'){
$(".entry-content").children().each(function(index, element) {
var tagName=$(this).get(0).tagName;
if(tagName.toUpperCase()=="H2"){
var contentH=$(this).html();//获取内容
var markid="mark-"+tagName+"-"+index.toString();
$(this).attr("id",markid);//为当前h标签设置id
$(".mulu_b ul").append("<li><a href='#"+markid+"'>"+contentH+"</a></li>");//在目标DIV中添加内容
}
});
}else{
$(".mulu").hide();
}
});
</script>
