Получение индекса вкладок Jquery

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

Свойство 'selected' устарело в 1.9 и удалено в 1.10. Вам нужно свойство 'active'. Кажется, ui.index не определен, но я не смог найти документацию по его удалению. http://jqueryui.com/upgrade-guide/1.10/

Answer 3

Как насчет

$tabs.tabs('option', 'selected') вместо ui.index?

Answer 4

index не является определенным свойством элемента DOM пользовательского интерфейса. Кроме того, какое событие является «tabselect»? Он не указан в качестве возможного значения в документе jquery bind .

Кроме того, что вы хотите index для? Вы можете определить это по href целевого узла события (поскольку вы указали инкрементные имена хэшей в каждом href).