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

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

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

根据上面的答案，我的代码会是什么样子来完成以下任务:

我想要这样

• 当显示/加载选项卡 1 时
• -->在此处插入 JavaScript
• 当 tab2 显示/加载时
• -->在此插入不同的 JavaScript
• 当 tab3 显示/加载时
• -->在此插入不同的 JavaScript
• 等等

请您参考如下方法:

只是一个快速猜测:

$('#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 中进行了更改。