layuilay-href不能成功跳转页⾯
我们项⽬是jquery+layui组件库开发的，由于今年项⽬产品变动， 增加了很多跳转页⾯的需求，所以选择了lay-href来实现，简单讲下遇到的不能正确跳转的⼏个坑：
html href属性1、在跳转的js中需引⼊下⾯这段js，不然标签有lay-href属性也不能正常跳转
//标签页跳转⽅法
;d(
{
setter: "../static/script/layui/lib/setter",
admin: "../static/script/layui/lib/admin",
view: "../static/script/layui/lib/view"
}
).define(["setter", "admin", "laytpl"], function (a) {
var win = $(window).width();
if(win < 1200){
$(".header_nav").css( {"margin-left": "0px"});
}
var e = layui.setter,
i = layui.element,
n = layui.admin,
t = n.tabsPage,
laytpl = layui.laytpl,
d = layui.view,
l = function (a, e) {
var d, l = u("#LAY_app_tabsheader>li"),
o = a.replace(/(^http(s*):)|(\?[\s\S]*$)/g, "");
l.each(function (e) {
var i = u(this), n = i.attr("lay-id");
n === a && (d = !0, t.index = e)
}),e = e || "新标签页", d || (u(s).append(['<div class="layadmin-tabsbody-item layui-
show">', '<iframe src="' + a + '" frameborder="0" class="layadmin-iframe"></iframe>', "
</div>"].join("")), t.index = l.length, i.tabAdd(r, {
title: "<span>" + e + "</span>",
id: a,
attr: o
})), i.tabChange(r, a), n.tabsBodyChange(t.index, {url: a, text: e})
}, s = "#LAY_app_body", r = "layadmin-layout-tabs", u = layui.$;
u(window);
});
2、lay-href的属性要设置在点击的a标签上，其他标签好像也不能正常跳转。
3、最近遇到⼀个bug，是表格中每⼀条数据右边有多个按钮操作，每个按钮有各⾃的id（根据本条数据id和遍历按钮下标组成唯⼀的id），跳转不同的页⾯，之前是好的，在给表格操作列添加fix：right属性之后，点击按钮不跳转了，经过排查发现fix:right属性会重新⽣成⼀个操作列，原来唯⼀的按钮id多了⼀份，所以根据id取的按钮是隐藏的操作列按钮，但是点击的是显⽰的操作列按钮，所以不跳转了，解决思路是取id的⽅法，想办法取到显⽰操作列的按钮

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。