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

