基于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.dbjr.com.cn);'>腳本之家</a>
這樣就實現(xiàn)開始部分的問題。
相關(guān)文章
jQuery中animate()的使用方法及解決$(”body“).animate({“scrollTop”:top})
這篇文章主要介紹了關(guān)于jQuery中animate()的使用方法及解決$("body").animate({"scrollTop":top})不被Firefox支持的問題,文中介紹的非常詳細(xì),相信對大家具有一定的參考價值,需要的朋友們下面來一起看看吧。2017-04-04jquery實現(xiàn)帶縮略圖的可定制高度畫廊效果(5種)
這篇文章主要介紹了jquery可定制高度畫廊效果,很有藝術(shù)感,功能實現(xiàn)非常簡單,推薦給大家,有需要的小伙伴可以參考下。2015-08-08jQuery在線選座位插件seat-charts特效代碼分享
這篇文章主要介紹了jQuery在線選座位插件seat-charts特效,推薦給大家,有需要的小伙伴可以參考下。2015-08-08jquery分頁插件jquery.pagination.js實現(xiàn)無刷新分頁
這篇文章主要介紹了jquery分頁插件jquery.pagination.js實現(xiàn)無刷新分頁的相關(guān)資料,需要的朋友可以參考下2016-04-04