基于jquery的修改當(dāng)前TAB顯示標(biāo)題的代碼
更新時間:2010年12月11日 19:50:28 作者:
在當(dāng)前tab選項卡中單擊鏈接后,新內(nèi)容在當(dāng)前選項卡中顯示,但標(biāo)題內(nèi)容還是上一頁標(biāo)題要改為新的標(biāo)題。
有朋友提出如下應(yīng)用場景:
在當(dāng)前tab選項卡中單擊鏈接后,新內(nèi)容在當(dāng)前選項卡中顯示,但標(biāo)題內(nèi)容還是上一頁標(biāo)題要改為新的標(biāo)題,解決方法如:
首先在 outlook.js 中加入如下代碼:
復(fù)制代碼 代碼如下:
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)}});
}
此方法接收兩個參數(shù):oldtitle 很明顯就是當(dāng)前頁的標(biāo)題,newtitle 就是新頁要顯示的標(biāo)題
在單擊鏈接跳轉(zhuǎn)時,調(diào)用此方法。代碼如:
<a href='#' onclick='self.parent.changeCurrentTabTitle("當(dāng)前標(biāo)題","新名稱","http://www.dhdzp.com);'>腳本之家</a>
這樣就實現(xiàn)開始部分的問題。
相關(guān)文章
如何使用jQuery Draggable和Droppable實現(xiàn)拖拽功能
本篇文章是對使用jQuery Draggable和Droppable實現(xiàn)拖拽功能的方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-07-07
jquery的Theme和Theme Switcher使用小結(jié)
jquery的Theme和Theme Switcher使用總結(jié),學(xué)習(xí)jquery Theme的朋友可以參考下。2010-09-09
jQuery+slidereveal實現(xiàn)的面板滑動側(cè)邊展出效果
WEB開發(fā)中有時需要在頁面上設(shè)置一個控制面板,默認(rèn)是不顯示的,當(dāng)用戶有需要時可以通過按鈕觸發(fā)調(diào)用面板展示。常見的有頁面?zhèn)冗吇雒姘逍Ч?。本文將使用jQuery插件并結(jié)合實例給大家介紹一下面板滑動展示效果。2015-03-03
jquery怎樣實現(xiàn)ajax聯(lián)動框(二)
ajax聯(lián)動框想必大家早有所耳聞,接下來將介紹jquery實現(xiàn)另一種形式的聯(lián)動框,右邊的聯(lián)動框用jquery生成,仿照上篇的js方法修改的,感興趣的你可以參考下希望可以幫助到你2013-03-03

