基于jquery的修改当前TAB显示标题的代码
2010-12-11 00:00
477 查看
有朋友提出如下应用场景:
在当前tab选项卡中单击链接后,新内容在当前选项卡中显示,但标题内容还是上一页标题要改为新的标题,解决方法如:
首先在 outlook.js 中加入如下代码:
此方法接收两个参数:oldtitle 很明显就是当前页的标题,newtitle 就是新页要显示的标题
在单击链接跳转时,调用此方法。代码如:
<a href='#' onclick='self.parent.changeCurrentTabTitle("当前标题","新名称","http://www.jb51.net);'>脚本之家</a>
这样就实现开始部分的问题。
在当前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("当前标题","新名称","http://www.jb51.net);'>脚本之家</a>
这样就实现开始部分的问题。
相关文章推荐
- 基于jquery的修改当前TAB显示标题的代码
- 修改当前TAB显示的标题。
- 基于jquery的高性能td和input切换并可修改内容实现代码
- 基于jQuery悬停弹出遮罩显示按钮代码
- 基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
- 让sublime一行显示更多代码出现横向的滚动条,以及修改默认tab键长度
- 用JQuery实现表格隔行变色和突出显示当前行的代码
- 基于jquery实现的定时显示与隐藏div广告的实现代码
- 基于HTML+CSS+JS实现增加删除修改tab导航特效代码
- 基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
- JS实现网页标题栏显示当前时间和日期的完整代码
- 基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
- 基于jquery的高性能td和input切换并可修改内容实现代码
- 基于JQuery1.4 Tab选项卡 一行代码轻松搞定
- 基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
- 基于jQuery替换table中的内容并显示进度条的代码
- 基于jquery的代码显示区域自动拉长效果
- 基于jQuery实现右侧列表显示隐藏实现代码