基于jquery的修改當(dāng)前TAB顯示標(biāo)題的代碼
有朋友提出如下應(yīng)用場(chǎng)景:
在當(dāng)前tab選項(xiàng)卡中單擊鏈接后,新內(nèi)容在當(dāng)前選項(xiàng)卡中顯示,但標(biāo)題內(nèi)容還是上一頁(yè)標(biāo)題要改為新的標(biāo)題,解決方法如:
首先在 outlook.js 中加入如下代碼:
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)前頁(yè)的標(biāo)題,newtitle 就是新頁(yè)要顯示的標(biāo)題
在單擊鏈接跳轉(zhuǎn)時(shí),調(diào)用此方法。代碼如:
<a href='#' onclick='self.parent.changeCurrentTabTitle("當(dāng)前標(biāo)題","新名稱(chēng)","http://www.dbjr.com.cn);'>腳本之家</a>
這樣就實(shí)現(xiàn)開(kāi)始部分的問(wèn)題。
相關(guān)文章
jQuery中animate()的使用方法及解決$(”body“).animate({“scrollTop”:top})
這篇文章主要介紹了關(guān)于jQuery中animate()的使用方法及解決$("body").animate({"scrollTop":top})不被Firefox支持的問(wèn)題,文中介紹的非常詳細(xì),相信對(duì)大家具有一定的參考價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-04-04jquery實(shí)現(xiàn)帶縮略圖的可定制高度畫(huà)廊效果(5種)
這篇文章主要介紹了jquery可定制高度畫(huà)廊效果,很有藝術(shù)感,功能實(shí)現(xiàn)非常簡(jiǎn)單,推薦給大家,有需要的小伙伴可以參考下。2015-08-08jQuery在線選座位插件seat-charts特效代碼分享
這篇文章主要介紹了jQuery在線選座位插件seat-charts特效,推薦給大家,有需要的小伙伴可以參考下。2015-08-08利用div+jquery自定義滾動(dòng)條樣式的2種方法
可以設(shè)置左邊菜單項(xiàng)div的overflow-x:auto;overlfow-y:auto;這樣就會(huì)自動(dòng)生成了滾動(dòng)條,但是大家都知道自帶的不好看。接下來(lái)就是重點(diǎn)了,如何修改滾動(dòng)條的樣式呢?感興趣的朋友可以了解下本文2013-07-07jQuery判斷當(dāng)前點(diǎn)擊的是第幾個(gè)li的代碼
jQuery中如何判斷當(dāng)前點(diǎn)擊的是第幾個(gè)li,使用$(this).index()取得li的下標(biāo),下面的示例,大家可以看看2014-09-09jquery分頁(yè)插件jquery.pagination.js實(shí)現(xiàn)無(wú)刷新分頁(yè)
這篇文章主要介紹了jquery分頁(yè)插件jquery.pagination.js實(shí)現(xiàn)無(wú)刷新分頁(yè)的相關(guān)資料,需要的朋友可以參考下2016-04-04