首页 > 代码库 > Mustache应用——渲染二级菜单
Mustache应用——渲染二级菜单
#
var data =http://www.mamicode.com/ [ { code: "1", parentCode: "0", name: "水果" }, { code: "2", parentCode: "1", name: "苹果" }, { code: "3", parentCode: "1", name: "桔子" }, { code: "4", parentCode: "1", name: "香蕉" }, { code: "5", parentCode: "0", name: "动物" }, { code: "6", parentCode: "5", name: "老虎" }, { code: "7", parentCode: "5", name: "熊猫" }, { code: "8", parentCode: "5", name: "狗" }, { code: "33", parentCode: "0", name: "植物" }];$(function () { init(); function render(e, f, g) { //e:模板 //f:节点code //g:节点 var h = []; if ($.each(data, function (a, b) { b.parentCode == f && h.push(b) }), h.length != 0) { var j = Mustache.render(e, { subjects: h }); g.append(j); } } function treeLevel1Click() { var e = $(this).find("ul"); var tree_level_leaf = ‘<ul class="ul-leaf">{{#subjects}}<li class="children children-lv2" id="subject_{{code}}"><a class="lv2-title" href="javascript:void(0);"><span class="checkbox"></span><span class="lv2-text">{{name}}</span><span class="help"></span></a><div class="lv2-info"></div></li>{{/subjects}}</ul>‘; e.length > 0 ? (e.toggle()) : render(tree_level_leaf, this.id.substr(8), $(this)); $(this).addClass("active"); } function init() { var c = $("#subjectTree") var g = $(".classify-children"); var i = ‘{{#subjects}}<li class="children children-lv1" id="subject_{{code}}"><a class="lv1-title" href="javascript:void(0);">{{name}}<span class="triangle-down"></span></a></li>{{/subjects}}‘; render(i, 0, g); c.delegate(".children-lv1", "click", treeLevel1Click); }});
Mustache应用——渲染二级菜单
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。