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

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为showjQuery 中的更改。