关于layui框架标签页过多而选择关闭其它标签页会出现当前标签页不显示的问题

废话不多说直接上图

关于layui框架标签页过多而选择关闭其它标签页会出现当前标签页不显示的问题_第1张图片

动态添加标签的时候相应的 left 也会动态改变

当选择关闭其它标签页的时候

closeOtherTabs: function(e) {
    var i = "LAY-system-pagetabs-remove";
    "all" === e ? (a(z + ":gt(0)").remove(), a(m).find("." + b + ":gt(0)").remove(), a(z).eq(0).trigger("click")) : (a(z).each(function(e, t) {
        e && e != P.tabsPage.index && (a(t).addClass(i), P.tabsBody(e).addClass(i))
    }), a("." + i).remove()),P.tabsPage.index = 1
},

简单说一下  遍历给不是当前的标签添加class标记,然后remove掉,关键在于remove掉并且给P.tabsPage.index重新赋值(防止只有一个标签页时选择关闭其它标签页也把自己给关闭了)然后就没了  之前动态添加标签页的样式 left的值还没去掉,所以就会显示不到当前标签页了  需要在P.tabsPage.index = 1后面加一句

$("#LAY_app_tabsheader")[0].style.left = "0px"

即可   给ul的属性重新设置一下值即可

你可能感兴趣的:(关于layui框架标签页过多而选择关闭其它标签页会出现当前标签页不显示的问题)