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
        }
    }
});

您还可以使用 switch 来代替 else if :)
编辑:将 onShow 更改为 show，因为它在 jQuery 中进行了更改。