2.2.2导航栏面包屑bug

提问 未结 3 1172
AggerChen
AggerChen 2017-11-20
悬赏:20飞吻
版本:layui 2.2.2 浏览器:chrome
不知道是不是bug,反正我用着挺难受的,也找不到什么好的办法,更新日志中也没有说更新了面包屑,但是就是不一样了,也许面包屑大家用的不多,但是出问题还是挺麻烦的。

在2.0版本中使用了面包屑功能,js动态插入内容然后得到的效果如下:

间隔符是我动态添加的,没有使用lay-separator配置
<span class="layui-breadcrumb back-btn" style="display: none ">
<a>全国</a>
</span>

$(".back-btn").append("<a ><span style='padding:0'>< </span>四川</a>");
更新到2.2.2版本后,同样适用了js动态插入就变成了如下,还是用上面同样的方式,并加了element.render("breadcrumb");:


使用lay-separator属性配置间隔符,
<span class="layui-breadcrumb back-btn" style="display: none " lay-separator=">">
<a >全国</a>
</span>

$(".back-btn").append("<a style='display:none'>四川</a>");
element.render("breadcrumb");
得到的效果是这样,第一个渲染的有间隔符,第二个就没有了,,:


有谁知道是怎么回事,,还是是个bug呢
回帖
  • Fufu
    2017-11-20
    转义
    >
    <
    0 回复
  • Fufu
    2017-11-20
    &gt;
    &lt;
    0 回复
  • AggerChen
    2017-11-20
    @Fufu 不是 我说的不是这个转义的问题,转义是我自己写错了,我说的是动态加载面包屑的问题
    0 回复
本帖已设置禁止回复