jquery-easyui关闭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) { // 标题中的“jquery-easyui关闭tab自动切换到前一个tab”指的是在使用jQuery EasyUI库创建的多标签界面中，当用户关闭一个tab时，系统能够自动切换到被关闭tab的前一个tab，以提供更好的用户体验。jQuery EasyUI是基于jQuery的一个轻量级的前端框架，它提供了一系列组件，如表格、对话框、菜单、表单等，帮助开发者快速构建用户界面。 描述中的代码段展示了如何实现这个功能。定义了一个名为`lastTabs`的数组，用于存储用户访问过的tab标签页。在页面加载完成后，`$(function() {...})`表示文档就绪后执行的函数，这是jQuery中的常用技巧，确保DOM已经加载完成。 `onSelect`事件是当用户选择一个新的tab时触发的回调函数。在这个函数中，`tt`代表当前选中的tab，通过`$.grep()`函数移除数组`lastTabs`中与`tt`相同的项，然后将`tt`压入数组末尾，确保最新的tab始终位于数组顶部。`currentTabTitle`变量用于记录当前活动的tab标题。 `onClose`事件则是在用户关闭一个tab时触发。同样，使用`$.grep()`移除即将关闭的tab（`tt`）从`lastTabs`数组中。然后，如果`lastTabs`仍有元素，`$(‘#mainTabs’).tabs(‘select’, lastTabs[lastTabs.length – 1])`这行代码会使得系统选择数组中的最后一个元素（即被关闭tab之前的tab），实现了自动切换到前一个tab的功能。 标签中的“ab”，“AS”，“eas”，“easyui”，“jq”，“jquery”，“tab”，“ue”，“yui”可能代表不同的关键词或技术，但在这个上下文中，“easyui”和“jquery”是最相关的，表明这是关于jQuery EasyUI的讨论。而“关闭”和“自动”则强调了本文关注的是自动切换的关闭行为。 这段代码展示了如何利用jQuery EasyUI的事件监听和数组操作实现一个实用的用户交互特性：当用户关闭一个tab时，系统会自动切换到上一个打开的tab，这样用户不必手动寻找之前的工作界面，提高了工作效率。这种设计思路在很多Web应用中都有广泛的应用，尤其是在那些需要处理多个并行任务的界面中。