jquery - 如何在显示 jQuery ui 选项卡时插入 JavaScript？

Question

我想在我的页面上运行 JavaScript 函数，但仅在显示选项卡时。

其实有两个问题。我没有使用 ajax 选项卡，所以如果我只希望代码在显示选项卡后运行，我会将我的 JavaScript 放在“加载”或“显示”回调中吗？

根据上面的答案，我的代码将如何完成以下任务：

我想要这样

• 当标签 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 中更改。