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


Posted in Javascript onDecember 11, 2010

有朋友提出如下应用场景:
在当前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://3water.com);'>三水点靠木</a>
这样就实现开始部分的问题。

Javascript 相关文章推荐
jQuery 选择器详解
Jan 19 Javascript
jQuery实现动画效果circle实例
Aug 06 Javascript
深入理解JavaScript中的对象复制(Object Clone)
May 18 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
Sep 23 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
Feb 09 Javascript
详解node HTTP请求客户端 - Request
May 05 Javascript
jQuery pjax 应用简单示例
Sep 20 jQuery
vue通过指令(directives)实现点击空白处收起下拉框
Dec 06 Javascript
vue 动态表单开发方法案例详解
Dec 02 Javascript
Element Tooltip 文字提示的使用示例
Jul 26 Javascript
原生js实现购物车功能
Sep 23 Javascript
vue中data改变后让视图同步更新的方法
Mar 29 Vue.js
Wordpress ThickBox 添加“查看原图”效果代码
Dec 11 #Javascript
Wordpress ThickBox 点击图片显示下一张图的修改方法
Dec 11 #Javascript
基于jQuery的history历史记录插件
Dec 11 #Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
Dec 11 #Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 #Javascript
为超链接加上disabled后的故事
Dec 10 #Javascript
input按钮的事件处理大全
Dec 10 #Javascript
You might like
浅析虚拟主机服务器php fsockopen函数被禁用的解决办法
2013/08/07 PHP
详谈PHP面向对象中常用的关键字和魔术方法
2017/02/04 PHP
ajax调用返回php接口返回json数据的方法(必看篇)
2017/05/05 PHP
详解PHP发送邮件知识点
2018/05/06 PHP
一个很酷的拖动层的js类,兼容IE及Firefox
2009/06/23 Javascript
juqery 学习之三 选择器 可见性 元素属性
2010/11/25 Javascript
javascript parseInt() 函数的进制转换注意细节
2013/01/08 Javascript
Json字符串转换为JS对象的高效方法实例
2013/05/01 Javascript
javascript使用prototype完成单继承
2014/12/24 Javascript
关于微信中a链接无法跳转问题
2016/08/02 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
2016/09/23 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
2017/09/07 Javascript
浅谈Angular4实现热加载开发旅程
2017/09/08 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
2019/04/04 Javascript
原生javascript自定义input[type=radio]效果示例
2019/08/27 Javascript
Vue.js中Line第三方登录api的实现代码
2020/06/29 Javascript
[03:19]2016国际邀请赛中国区预选赛第四日TOP10镜头集锦
2016/07/01 DOTA
[01:20]PWL S2开团时刻第三期——团战可以输 蝙蝠必须死
2020/11/26 DOTA
[01:50:49]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第三场 1月24日
2021/03/11 DOTA
利用Python学习RabbitMQ消息队列
2015/11/30 Python
qpython3 读取安卓lastpass Cookies
2016/06/19 Python
python3解析库pyquery的深入讲解
2018/06/26 Python
用python实现将数组元素按从小到大的顺序排列方法
2018/07/02 Python
python如何制作缩略图
2019/04/30 Python
使用tensorflow显示pb模型的所有网络结点方式
2020/01/23 Python
python:删除离群值操作(每一行为一类数据)
2020/06/08 Python
Html5 new XMLHttpRequest()监听附件上传进度
2021/01/14 HTML / CSS
Farah官方网站:男士服装及配件
2019/11/01 全球购物
什么是java序列化,如何实现java序列化
2012/11/14 面试题
毕业生的自我评价分享
2013/12/18 职场文书
在校大学生个人的自我评价
2014/02/13 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
企业三严三实学习心得体会
2014/10/13 职场文书
商业计划书格式、范文
2019/03/21 职场文书
微信告警的zabbix监控系统 监控整个NGINX集群
2022/04/18 Servers
MySQL的存储过程和相关函数
2022/04/26 MySQL