欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

基于jquery的修改当前TAB显示标题的代码

时间:2021-09-25 08:17:34|栏目:jquery|点击:

有朋友提出如下应用场景:
在当前tab选项卡中单击链接后,新内容在当前选项卡中显示,但标题内容还是上一页标题要改为新的标题,解决方法如:
首先在 outlook.js 中加入如下代码:

复制代码 代码如下:

function changeCurrentTabTitle(oldtitle,newtitle,url){
var currTab = $('#tabs').tabs('getTab',oldtitle);
// or var currTab = $('#tabs').tabs('getSelected'); //这个也可以
$('#tabs').tabs('update',{tab:currTab,options:{title:newtitle,content:createFrame(url)}});
}


此方法接收两个参数:oldtitle 很明显就是当前页的标题,newtitle 就是新页要显示的标题
在单击链接跳转时,调用此方法。代码如:
<a href='#' onclick='self.parent.changeCurrentTabTitle("当前标题","新名称","https://www.jb51.net);'>脚本之家</a>
这样就实现开始部分的问题。

上一篇:jQuery实现的选择商品飞入文本框动画效果完整实例

栏    目:jquery

下一篇:基于jQuery实现搜索关键字自动匹配功能

本文标题:基于jquery的修改当前TAB显示标题的代码

本文地址:http://www.codeinn.net/misctech/177214.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有