easyui tab切换及获取当前选中的tab

最新推荐文章于 2023-07-20 15:08:25 发布

醉ぃ灬清风。

最新推荐文章于 2023-07-20 15:08:25 发布

阅读量2.6w

点赞数

分类专栏：编程技术 java jquery easyui 文章标签： java easyui eclipse jsp jquery

本文链接：https://blog.youkuaiyun.com/u010964869/article/details/53128497

版权

编程技术同时被 3 个专栏收录

107 篇文章

订阅专栏

java

90 篇文章

订阅专栏

jquery

46 篇文章

订阅专栏

本文介绍了一个使用 jQuery EasyUI 实现的 tabs 功能示例，通过 JavaScript 控制 tabs 的切换，并刷新对应的内容。文章展示了如何设置 tabs 的属性如边框、自适应宽度以及在切换时执行的动作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$('#tab').tabs({
                  border:false,
                  fit:true,
                  onSelect:function(title,index){
                        var url = ‘’；
                      if(index == 1){
                        url = ‘’;
                      }
                      var activeTab = $('#tab').tabs('getTab',index);
                      activeTab.panel('refresh',url);
                  }

            });

jsp:

<div id="tab">
              <div title="aaa"></div>
              <div title="bbb"></div>
            </div>

获取当前选中的tab:

var tab = $('#tab').tabs('getSelected');

var index = $('#tab').tabs('getTabIndex',tab);

index == 0 ： 选中的是第一个，index==1 ：选中的是第二个，以此类推