jquery-easyui关闭tab自动切换到前一个tab

 更新时间:2010年07月29日 12:27:34   作者:  
考虑到用户体验,当用户关闭tab时,自动切换到前一个tab不至于让用户看到空的界面。
复制代码 代码如下:

var lastTabs = new Array();
$(function() {

/*
* cdh 2010.0630 补充,用于 退回上次标签页
*/
$('#mainTabs').tabs({
onSelect: function(tt) {
//移除 tt
lastTabs = $.grep(lastTabs, function(n, i) { return n != tt; });
//重新压入,保证 最新的在最上面
lastTabs.push(tt);
//更新当前
currentTabTitle = tt;
},
onClose: function(tt) {
//移除 tt
lastTabs = $.grep(lastTabs, function(n, i) { return n != tt; });
//重新选择
$('#mainTabs').tabs('select', lastTabs[lastTabs.length - 1]);
}
});
});

相关文章

  • jquery 判断selection range 是否在容器中的简单实例

    jquery 判断selection range 是否在容器中的简单实例

    下面小编就为大家带来一篇jquery 判断selection range 是否在容器中的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • jquery操作checkbox示例分享

    jquery操作checkbox示例分享

    这篇文章主要介绍了jquery操作checkbox,需要的朋友可以参考下
    2014-07-07
  • jQuery实现弹幕特效

    jQuery实现弹幕特效

    这篇文章主要为大家详细介绍了jQuery实现弹幕特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • jQuery插件PageSlide实现左右侧栏导航菜单

    jQuery插件PageSlide实现左右侧栏导航菜单

    jQuery pageSlide 是一个可以让网页出现滚动效果的jQuery插件,它可以控制一个隐藏页面的显示和关闭。具体来说,就是当前页占一个完整页面,隐藏页是看不到的,你设置一个控制的地方,点击该控制时触发事件,隐藏的页面就滑出来,再次点击隐藏页面以外的地方,它就又关闭
    2015-04-04
  • jquery中的mouseleave和mouseout的区别 模仿下拉框效果

    jquery中的mouseleave和mouseout的区别 模仿下拉框效果

    不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件,只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件
    2012-02-02
  • jQuery模拟html下拉多选框的原生实现方法示例

    jQuery模拟html下拉多选框的原生实现方法示例

    这篇文章主要介绍了jQuery模拟html下拉多选框的原生实现方法,结合完整实例形式分析了jQuery动态操作页面元素实现select下拉框效果的相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • Easyui和zTree两种方式分别实现树形下拉框

    Easyui和zTree两种方式分别实现树形下拉框

    最近工作中需要用到树形下拉框,因为项目中树形结构使用的是zTree,效果不是很好看,于是想着使用easyui的comboTree,虽然效果达到了,但是风格和bootstrap不搭,下面把这两种方式的效果分享到脚本之家平台供大家参考
    2017-08-08
  • jquery中邮箱地址 URL网站地址正则验证实例代码

    jquery中邮箱地址 URL网站地址正则验证实例代码

    QQ网站有一个网站举报的功能,看了一些js代码觉得写得很不错,我就拿下来了,下面是一个email验证与url网址验证js代码,分享给大家
    2013-09-09
  • jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)

    jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)

    单击删除按钮或者登陆按钮后,弹出对话框问你是否删除或者弹出一个登陆对话框,本文使用jquery来实现这种效果,需要的朋友可以参考下
    2014-04-04
  • 解决IE9下JQuery发送ajax请求失效的方法

    解决IE9下JQuery发送ajax请求失效的方法

    这篇文章介绍了解决IE9下JQuery发送ajax请求失效的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06

最新评论