Как вставить JavaScript при отображении вкладки jQuery ui?

Question

Я хочу запустить функцию JavaScript на своей странице, но только когда отображается вкладка.

На самом деле есть два вопроса. Я не использую вкладки ajax, поэтому я бы поместил свой JavaScript в обратный вызов load или show, если я хочу, чтобы код запускался только после отображения вкладки?

В зависимости от ответа выше, как будет выглядеть мой код для выполнения следующего:

Я хочу, чтобы это было так

• когда вкладка 1 показана / загружена
• -> вставить JavaScript здесь
• когда tab2 отображается / загружается
• -> вставить другой JavaScript здесь
• когда tab3 отображается / загружается
• -> вставить другой JavaScript здесь

Answer 1

просто быстрое предположение:

$('#foo').tabs({
    show: function(event, ui) {
        if(ui.index == 0)
        {
         //tab 1 is clicked
        }
        else if(ui.index == 1)
        {
         //tab 2 is clicked
        }
        else if(ui.index == 2)
        {
         //tab 3 is clicked
        }
    }
});

Вы также можете использовать переключатель вместо else ifs:)
Изменить: onShow изменено на show, как это было изменено в jQuery.