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'); 
  	 
  });
  
});

實際效果