Обновление пользовательского интерфейса jQuery с 1.8.6 до 1.10.3 tabsselect альтернатива?

Question

Обновление пользовательского интерфейса jQuery с 1.8.6 до 1.10.3 tabsselect альтернатива?

0

Модернизация.. и попытка найти способ поиска, когда была выбрана табуляция, поэтому я могу сделать так, чтобы предварительный просмотр данных после выбора вкладки. Однако я попал в ловушку.

Оригинальный способ обработки

$(document).ready(function() {
    $("#storage").bind('tabsselect', function(event, ui)
    {
        if (ui.index === 1)
        {
            //run some code here
        }
        if (ui.index === 2)
        {
            //run some other code here.. 
        }
    });
});

Попытка собрать что-то подобное вместе из того, что я собираю из документов и поисковых запросов.

$(document).ready(function() {
        var doTabAction = function(e, tab)
        {
            console.log(tab.newTab.index());
        }
        $("#storage").tabs({
            beforeActivate: doTabAction
        });
});

проблема, похоже, с 1.9 tabsselect была удалена. Изменено на "active" или "beforeActive", из которого, похоже, не работает для меня.. или это может быть, но не так, как я ожидал. Поэтому я надеюсь, что кто-то узнает этот ответ или может помочь мне в этом разобраться

chris 03 окт. 2013, в 18:58

Источник

Теги:

jquery

jquery-ui

jquery-ui-tabs

1 ответ

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-10-03T15-03-00.000Z

Использовать событие активации

$(document).ready(function () {
    $("#storage").tabs().on('tabsactivate', function (event, ui) {
        var index = ui.newTab.index();
        console.log('index', index)
        if (index == 0) {
            console.log('first')
        } else if (index == 1) {
            console.log('second')
        }
    });
});

Демо: скрипка