jquery - 在当前选定的 jQuery-UI 选项卡中使用 jQuery-Selector

Question

我目前正在使用 jQuery-Tabs 来模拟多窗口输入掩码。因此选项卡是可变的，并且允许用户添加和删除它们，并且这些选项卡中的内容始终是相同的输入表单。

现在我需要通过 jQuery 选择其中一些字段。问题是，我需要找出当前选择了哪个选项卡并在选择器中使用此信息。

有没有办法识别当前选定的选项卡并在 jQuery 选择器中使用此信息，以便我可以操作正确的字段？

遍历选项卡并检查诸如“隐藏”之类的属性并不是一个真正的选择，因为它会显着降低应用程序的速度。

score 0 · Accepted Answer

让我们说你有标签容器#myTabs

您可以使用获取所选 div 的 id

var id = $("li.ui-tabs-selected a", "#myTabs").attr("href"); // has # as part of the href
$(".myformelement", id).val();

score 0 · Accepted Answer

写这样的东西：

var activeTab=0;

$(function(){
    $( ".selector" ).tabs({
       select: function(event, ui) { activeTab=ui.index; }
    });
});

activeTab并在任何你想要的地方使用变量

score 0 · Accepted Answer

0

查找名为“ui-state-active”的类，这将帮助您找到活动选项卡

于 2012-06-22T12:39:11.367 回答

3 回答 3