今天在用layui做一个demo时,发现一个问题。
面包屑导航代码
<span class="layui-breadcrumb" lay-separator="/" lay-filter="bread">
<a href="">娱乐</a>
<a href="">八卦</a>
<a href="">体育</a>
<a href="">搞笑</a>
<a href="">视频</a>
<a href="">游戏</a>
<a href="">综艺</a>
</span>
layui JS部分代码
layui.use(['element','layer'], function(){
var elem = layui.element;
elem.on('nav(test)',function(ele){
$(".layui-body .layui-breadcrumb").append("<a href=''>"+ele.text()+"</a>");
elem.render('breadcrumb','bread');
});
});
实际效果