基于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 相关文章推荐
JS 实现图片直接下载示例代码
Jul 22 Javascript
写出高效jquery代码的19条指南
Mar 19 Javascript
jQuery 复合选择器应用的几个例子
Sep 11 Javascript
AngularJS实现单独作用域内的数据操作
Sep 05 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
Jan 13 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
Angular实现表单验证功能
Nov 13 Javascript
Es6 Generator函数详细解析
Feb 24 Javascript
JavaScript 2018 中即将迎来的新功能
Sep 21 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
Sep 25 Javascript
React优化子组件render的使用
May 12 Javascript
vue实现Input输入框模糊查询方法
Jan 29 Javascript
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 MySQL应用中使用XOR运算加密算法分享
2011/08/28 PHP
PHP return语句的另一个作用
2014/07/30 PHP
浅谈php优化需要注意的地方
2014/11/27 PHP
codeigniter发送邮件并打印调试信息的方法
2015/03/21 PHP
php获取flash尺寸详细数据的方法
2016/11/12 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
JS获取父节点方法
2009/08/20 Javascript
纯js写的分页表格数据为json串
2014/02/18 Javascript
JS设置cookie、读取cookie、删除cookie
2015/04/17 Javascript
Node.js 使用递归实现遍历文件夹中所有文件
2017/09/18 Javascript
微信小程序实现运动步数排行功能(可删除)
2018/07/05 Javascript
在小程序中集成redux/immutable/thunk第三方库的方法
2018/08/12 Javascript
使用D3.js构建实时图形的示例代码
2018/08/28 Javascript
Vue 开发必须知道的36个技巧(小结)
2019/10/09 Javascript
VSCode 配置uni-app的方法
2020/07/11 Javascript
vue使用exif获取图片旋转,压缩的示例代码
2020/12/11 Vue.js
浅谈Python中列表生成式和生成器的区别
2015/08/03 Python
Python cookbook(数据结构与算法)实现查找两个字典相同点的方法
2018/02/18 Python
python 图像平移和旋转的实例
2019/01/10 Python
Python使用sqlalchemy模块连接数据库操作示例
2019/03/13 Python
python读取csv文件指定行的2种方法详解
2020/02/13 Python
python使用Thread的setDaemon启动后台线程教程
2020/04/25 Python
Python3爬虫中Selenium的用法详解
2020/07/10 Python
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
2015/03/27 HTML / CSS
在校生汽车维修实习自我鉴定
2013/09/19 职场文书
电气自动化大学生求职信
2013/10/16 职场文书
汽车检测与维修专业求职信
2013/10/30 职场文书
献爱心标语
2014/06/21 职场文书
领导班子四风对照检查材料
2014/09/23 职场文书
教师批评与自我批评(群众路线)
2014/10/15 职场文书
政风行风整改报告
2014/11/06 职场文书
地球上的星星观后感
2015/06/02 职场文书
少年雷锋观后感
2015/06/10 职场文书
2015质检员个人年终工作总结
2015/10/23 职场文书
win10下go mod配置方式
2021/04/25 Golang
MySQL数据库安装方法与图形化管理工具介绍
2022/05/30 MySQL