Question

我知道如何检测用户何时从标签切换到标签：

$(function() {
            $("#tabs").tabs({
                activate: function(event,ui) {
                     alert('selected: '+ui.newTab);

                  }
            });

问题是我不知道如何获取此选项卡的标识符，因此要知道它是哪个选项卡... newTab对象是一个jquery对象并且有很多属性但我找不到一个适合我的需要。另外......不可能为每个标签定义自己的ID吗？编辑：这是我的HTML：

div id="tabs" class="centered">
                <ul>
                    <li><a href="tab1.html">Tab1</a></li>
                    <li><a href="tab2.html">Tab2</a></li>

                </ul>
            </div>

Answer 1

使用active选项：

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

https://api.jqueryui.com/tabs/#option-active

Answer 2

您可以在ui.newTab

上致电.index()

$(function () {
    $("#tabs").tabs({
        activate: function (event, ui) {
            alert(ui.newTab.index());
        }
    });
});

http://jsfiddle.net/4SMh3/

查找选定的选项卡索引/名称

2 个答案: