正在检索Jquery选项卡的索引

Question

您好，我正在尝试获取当前所选标签的索引。Alert(ui.index)返回undefined。知道为什么吗？

谢谢

    <script>
    $(document).ready(function(){
        var $tabs = $("#apttabs > ul").tabs();

        $tabs.bind('tabsselect', function(event, ui) {
            alert(ui.index);
        });
    });
</script>


<div id="apttabs">
    <ul>
        <li><a href="#fragment-1"><span>tab1</span></a></li>
        <li><a href="#fragment-2"><span>tab1</span></a></li>
        <li><a href="#fragment-3"><span>tab1</span></a></li>
        </ul>

    <div id="fragment-1">content 1</div>
    <div id="fragment-2">content 1</div>
    <div id="fragment-3">content 1</div>

</div>

Answer 1

看起来你的标签创建代码一开始就是错误的，至少它不适用于我。

它应该是var $tabs = $("#apttabs").tabs()，然后ui.index也能正常工作。

Answer 2

index不是UI DOM元素的已定义属性。还有，'tabselect‘是什么事件？它不会在jquery bind document中作为可能的值列出。

还有，你想要index做什么？您可以从事件目标节点的href中确定这一点(因为您在每个href中都给出了增量哈希名)。

Answer 3

怎么样

用$tabs.tabs('option', 'selected')代替ui.index