基于jquery的修改当前TAB显示标题的代码
更新时间:2010年12月11日 19:50:28 作者:
在当前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("当前标题","新名称","https://www.jb51.net);'>脚本之家</a>
这样就实现开始部分的问题。
相关文章
如何使用jQuery Draggable和Droppable实现拖拽功能
本篇文章是对使用jQuery Draggable和Droppable实现拖拽功能的方法进行了详细的分析介绍,需要的朋友参考下2013-07-07
jquery的Theme和Theme Switcher使用小结
jquery的Theme和Theme Switcher使用总结,学习jquery Theme的朋友可以参考下。2010-09-09
jQuery+slidereveal实现的面板滑动侧边展出效果
WEB开发中有时需要在页面上设置一个控制面板,默认是不显示的,当用户有需要时可以通过按钮触发调用面板展示。常见的有页面侧边滑出面板效果。本文将使用jQuery插件并结合实例给大家介绍一下面板滑动展示效果。2015-03-03


最新评论