Question

您好我正在尝试获取当前所选标签的索引。警报（ui.index）返回“未定义”。知道为什么吗？

感谢

    <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？

Answer 4

'selected'属性在1.9中已弃用，在1.10中已删除。您需要“有效”属性。 ui.index现在似乎尚未定义，但我无法找到有关其删除的文档。 http://jqueryui.com/upgrade-guide/1.10/

检索Jquery选项卡的索引

4 个答案: