layui breadcrumb append a元素 lay-separator 失效

今天在用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'); 
  	 
  });
  
});

实际效果