DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 基於jquery的修改當前TAB顯示標題的代碼
基於jquery的修改當前TAB顯示標題的代碼
編輯:JQuery特效代碼     

有朋友提出如下應用場景:
在當前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("當前標題","新名稱","http://www.poluoluo.com);'></a>
這樣就實現開始部分的問題。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved