之前写的时候获取了数据,显示之后没有点击效果,后来才知道是因为少了element.init()~~~~~~以此记录一下
$.ajax({
headers:{"token":},
type: 'get',
url: ,
dataType: 'json',
success: function(obj) {
layer.msg('获取成功');
var getTpl = document.getElementById('demo').innerHTML
,view = document.getElementById('LAY-system-side-menu');
laytpl(getTpl).render(obj.data, function(html){
view.innerHTML = html;
// console.log(html)
});
element.init(); //最重要的一句
},
error:function(){
layer.msg('服务器连接异常')
}
});
菜单栏模板
<script id="demo" type="text/html">
{{# layui.each(d, function(index, item){ }}
{{# if(index==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>