jquery-easyui關(guān)閉tab自動切換到前一個tab
更新時間:2010年07月29日 12:27:34 作者:
考慮到用戶體驗(yàn),當(dāng)用戶關(guān)閉tab時,自動切換到前一個tab不至于讓用戶看到空的界面。
復(fù)制代碼 代碼如下:
var lastTabs = new Array();
$(function() {
/*
* cdh 2010.0630 補(bǔ)充,用于 退回上次標(biāo)簽頁
*/
$('#mainTabs').tabs({
onSelect: function(tt) {
//移除 tt
lastTabs = $.grep(lastTabs, function(n, i) { return n != tt; });
//重新壓入,保證 最新的在最上面
lastTabs.push(tt);
//更新當(dāng)前
currentTabTitle = tt;
},
onClose: function(tt) {
//移除 tt
lastTabs = $.grep(lastTabs, function(n, i) { return n != tt; });
//重新選擇
$('#mainTabs').tabs('select', lastTabs[lastTabs.length - 1]);
}
});
});
您可能感興趣的文章:
- 使用jquery實(shí)現(xiàn)div的tab切換實(shí)例代碼
- jQuery版Tab標(biāo)簽切換
- jQuery簡單tab切換效果實(shí)現(xiàn)方法
- jQuery實(shí)現(xiàn)的Tab滑動選項(xiàng)卡及圖片切換(多種效果)小結(jié)
- jQuery實(shí)現(xiàn)TAB選項(xiàng)卡切換特效簡單演示
- 基于jquery的tab切換 js原理
- jquery實(shí)現(xiàn)簡單Tab切換菜單效果
- jquery移動端TAB觸屏切換實(shí)現(xiàn)效果
- 基于jquery tab切換(防止頁面刷新)
- jQuery實(shí)現(xiàn)tab欄切換效果
相關(guān)文章
jQuery LigerUI 插件介紹及使用之ligerDrag和ligerResizable示例代碼打包
jQuery LigerUI 插件介紹及使用之ligerDrag和ligerResizable使用。2011-04-04jQuery.Callbacks()回調(diào)函數(shù)隊(duì)列用法詳解
這篇文章主要介紹了jQuery.Callbacks()回調(diào)函數(shù)隊(duì)列用法,結(jié)合實(shí)例形式詳細(xì)分析了jQuery.Callbacks()回調(diào)函數(shù)隊(duì)列的功能、控制標(biāo)志含義與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-06-06基于jquery的finkyUI插件與Ajax實(shí)現(xiàn)頁面數(shù)據(jù)加載功能
基于jquery的finkyUI插件與Ajax實(shí)現(xiàn)頁面數(shù)據(jù)加載功能,需要的朋友可以參考下。2010-12-12jQuery實(shí)現(xiàn)的Tab滑動選項(xiàng)卡及圖片切換(多種效果)小結(jié)
這篇文章主要介紹了jQuery實(shí)現(xiàn)的Tab滑動選項(xiàng)卡及圖片切換效果小結(jié),實(shí)例總結(jié)了幾種常見的tab切換效果,包括鼠標(biāo)點(diǎn)擊切換、滑過切換、定時自動切換等,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-09-09jQuery Pagination分頁插件_動力節(jié)點(diǎn)Java學(xué)院整理
此jQuery插件為Ajax分頁插件,一次性加載,故分頁切換時無刷新與延遲,如果數(shù)據(jù)量較大不建議用此方法,因?yàn)榧虞d會比較慢。下面通過本文給大家分享jQuery Pagination分頁插件的使用方法及參數(shù)介紹,感興趣的朋友一起看看吧2017-07-07