Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 基于jquery的修改当前TAB显示标题的代码

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

发布时间:2013-07-22   编辑:www.jquerycn.cn
在当前tab选项卡中单击链接后,新内容在当前选项卡中显示,但标题内容还是上一页标题要改为新的标题。
在当前tab选项卡中单击链接后,新内容在当前选项卡中显示,但标题内容还是上一页标题要改为新的标题。

有朋友提出如下应用场景:
在当前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显示标题的代码
使用jquery实现div的tab切换实例代码
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
jQuery实现点击标题输入详细信息
jQuery UI 应用不同Theme的办法
用jQuery打造TabPanel效果代码
jQuery 表单验证扩展代码(二)
jquery Tab效果和动态加载的简单实例
jquery tools之tabs 选项卡/页签
有关于eclipse配置spket需要注意的一些地方

[关闭]