在jQuery UI选项卡中，如何通过tab选项获取选项卡元素？

我有以下的JavaScript函数来选择通过其索引选项卡：在jQuery UI选项卡中，如何通过tab选项获取选项卡元素？

function changeTab(tabIndex) { 
    $("#panel").tabs("select", tabIndex); 
}

但我要检查，如果该选项卡存在和如果它是可见的，否则它会试图选择一个标签是不该不可用。

对于存在它是好的，我只需要使用$("#panel").tabs("length");，但要check if it is visible我会需要元素本身。

来源

2011-06-30 Carcamano

似乎有是不是应该是一个内置的方法，但我可以导航到该选项卡来完成它：

function changeTab(tabIndex) { 
    var panel = $("#panel"); 
    var queryIndex = tabIndex + 1; // 1 based 
    var desiredTab = panel.find("> ul li:nth-child(" + queryIndex + ")"); 

    if (desiredTab && desiredTab.is(":visible")) { 
     panel.tabs("select", tabIndex); 
    } 
}

来源

2011-07-01 11:40:56 Carcamano

我没有测试过，但你应该能够

var activeIndex = $("#panel").tabs("option" , 'selected')

获得所选标签的索引，那么你应该能够只是很是activeIndex等于的tabIndex

来源

2011-06-30 15:00:44

没有帮助，因为这将发生在选项卡后，这是我想避免。我找到了一个浏览选项卡的方法，但由于我的声誉很低，我无法在接下来的5个小时内回答自己的问题。 – Carcamano

首先获取活动指数

var activeIndex = $("#panel").tabs('option', 'active');

然后，使用的CSS类获得的标签内容面板

// this will return the html element 
var element= $("#panel").find(".ui-tabs-panel")[activeIndex];

现在包裹在jQuery对象这里进一步使用它

var tabContent$ = $(element);

我要增加两个信息类.ui-tabs-nav是与导航关联的，.ui-tabs-panel与标签内容面板相关联。在jQuery UI网站的这个链接演示，你会看到这个类是使用 - http://jqueryui.com/tabs/#manipulation

来源

2013-07-11 17:46:42 dekdev

在jQuery UI选项卡中，如何通过tab选项获取选项卡元素？

回答

相关问题