Question

我在之前的帖子中看到有人建议以下内容来查找所选标签。

var numberOfSelectedTab = $("#tabs").tabs("option", "active")

但是，当我这样做时，我在控制台中收到错误，指示该选项卡未初始化。如何初始化选项卡？（注意：我只在$（文件）.ready之后调用它，所以我不知道它为什么没有初始化。有关如何初始化或如何使用其他方法获取当前的任何想法选择标签？（我还看到了建议使用＆＃34; ui，newTab.index（）＆＃34;但是如果用户还没有选择标签怎么办？）。

Answer 1

我相信你指的是twitter bootstrap标签。每个twitter引导程序选项卡都需要单独激活（check here）。在使用标签执行任何操作之前，请确保使用$('#yourTab').tab('show');“初始化”标签。

Answer 2

您使用的是第三方扩展程序还是JqueryUI？您是否使用默认选择加载标签？

尝试在用户点击标签页时添加.selected课程，并从所有其他标签中删除该课程。这样你就可以调用.selected类来知道选择了哪一个。

Answer 3

尝试以下：

var numberOfSelectedTab = $("#tabs").tabs('option', 'selected');

此外，希望您在初始化标签后调用此功能！：）

如果您想要在选择/更改选项卡上执行某些操作，请使用以下代码：

$("#tabs").tabs({
    select: function(event, ui) {
        var selectedIndex = ui.index;
        if (selectedIndex === 0) { 
            // first tab
        } else if(selectedIndex === 1) { 
            //second tab
        }
        //you can use switch as well, if you have many tabs
    }
});

希望这有帮助。

Answer 4

您必须使用

初始化标签页

$( ".selector" ).tabs({
  active: 1
})

您也可以使用

$( "#tabs" ).tabs( "refresh" );

这将刷新并重新初始化选项卡，然后您将不会获得选项卡未初始化错误。

http://api.jqueryui.com/tabs/#method-refresh

找到所选选项卡

4 个答案: