手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jquery的修改当前TAB显示标题的代码
基于jquery的修改当前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显示标题的代码】相关文章:

获取阴历(农历)和当前日期的js代码

显示、隐藏密码

基于jquery实现下拉框美化特效

基于jQuery插件实现环形图标菜单旋转切换特效

Javascript特效:随机显示图片的源代码

JQuery boxy插件在IE中边角图片不显示问题的解决

jQuery封装的tab选项卡插件分享

JS函数实现鼠标指向图片后显示大图代码

Ctrl + Enter提交前检测的代码

jquery控制表单输入框显示默认值的方法

精品推荐
分类导航