layui在一个页面点击链接跳转至另一个页面的选项卡tab中 或者 layui tab子页面使父页面添加tab问题 或者 layui实现在子页面向父页面添加tab新增选项卡

这里是在a页面向b页面的tab选项卡增加
想问一下,我现在的tab选项卡在父页面,里面嵌套了一个iframe子页面,我现在希望在子页面点击事件后父页面的选项卡增加一个,要怎么实现?
layui.use(‘element’, function () {
var element = layui.element;
$(’#asd’).on(‘click’, function () {
alert(11)
window.parent.layui.element.tabAdd(‘layadmin-layout-tabs’, {
title: ‘新选项’ //用于演示
, content: ‘’
, id: new Date().getTime() //实际使用一般是规定好的id,这里以时间戳模拟下
})
})

});

我这么写选项卡出来了,可是内容没出来

window.parent.layui.element.tabAdd在子页面调用跟这个方法即可
来至layui社区
https://fly.layui.com/jie/29230/

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
实现一个页面跳转到另一个页面选项卡的指定页上,可以使用以下几种方法。 第一种方法是使用HTML语言和JavaScript脚本。在源页面,我们可以使用`<a>`标签来定义一个链接,并为其设置`href`属性为目标页面的URL地址。然后,我们可以在`<a>`标签添加一个`target`属性,并将其值设置为选项卡的名称或标识符。在目标页面,我们可以使用JavaScript脚本来捕捉URL的参数,解析出选项卡名称或标识符,并使用`document.getElementById`方法来获取对应的选项卡元素。然后,我们可以使用`click`事件触发器来自动激活或打开该选项卡。 第二种方法是使用前端框架,如React或Vue.js。在这种情况下,我们可以使用框架提供的路由功能来定义页面之间的跳转选项卡之间的切换。我们可以在路由定义或链接组件设置选项卡的名称或标识符作为路由参数,并在目标页面的组件根据参数值来动态显示或激活选项卡。 第三种方法是使用后端语言,如PHP或Python。在这种情况下,我们可以在源页面通过URL参数将选项卡的名称或标识符传递给目标页面。然后,我们可以在目标页面的后端代码根据参数值来动态渲染或激活选项卡。 无论使用哪种方法,重要的是要确保在页面加载完成之后再进行选项卡的切换。这可以通过将JavaScript代码放置在`window.onload`事件处理程序实现,或者使用框架提供的生命周期钩函数来实现

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值