一定记得写上element.init();之前没加怎么都不行,后来才发现忘了加这句话~~~大家避免踩同样的坑,特来分享一下
//一般掌握了laytpl应该都可以实现
<script id="demo" type="text/html">
{{# layui.each(d, function(index, item){ }}
{{# if(item.menuList.length==0){ }}
<li data-name="" class="layui-nav-item">
<a href="javascript:;" lay-href="{{= item.menuUrl}}" lay-tips="{{= item.permissionName }}" lay-direction="2">
<i class="layui-icon {{= item.iconName}}"></i>
<cite>{{ item.permissionName }}</cite>
</a>
</li>
{{# }else{ }}
<li data-name="" class="layui-nav-item">
<a href="javascript:;" lay-tips="{{= item.permissionName }}" lay-direction="2">
<i class="layui-icon {{= item.iconName}}"></i>
<cite>{{ item.permissionName }}</cite>
</a>
<dl class="layui-nav-child">
{{# layui.each(item.menuList, function(index, aa){ }}
<dd data-name="">
<a lay-href="{{= aa.menuUrl }}">{{ aa.permissionName }}</a>
</dd>
{{# }); }}
</dl>
</li>
{{# } }}
{{# }); }}
</script>
$.ajax({
headers:{"token":token},
type: 'get',
url: '',
dataType: 'json',
success: function(obj) {
var getTpl = document.getElementById('demo').innerHTML
,view = document.getElementById('LAY-system-side-menu');
laytpl(getTpl).render(obj.data, function(html){
view.innerHTML = html;
});
element.init();//一定要加上这句话,否者不行!!!!
}
});