如何在显示jQuery ui选项卡时插入JavaScript？ [英] How to insert JavaScript upon showing a jQuery ui tab?

问题描述

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

I want to run a JavaScript function on my page, but only when a tab is shown.

实际上有两个问题。我没有使用ajax标签，所以如果我只想在显示标签后运行代码，我会将JavaScript放在'load'或'show'回调中吗？

Actually have two questions. I am not using ajax tabs, so would I put my JavaScript in the 'load' or 'show' callback, if I only want the code to run once the tab is shown?

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

Depending on the answer above, what would my code look like to accomplish the following:

我想这样做

• - >在此处插入JavaScript


• tab2显示/已加载


• - >在此处插入不同的JavaScript


• 当tab3显示/已加载时


• - >在这里插入不同的JavaScript


• 等。

• when tab 1 is shown/loaded
• -->insert JavaScript here
• when tab2 is shown/loaded
• -->insert different JavaScript here
• when tab3 is shown/loaded
• -->insert different JavaScript here
• etc.

推荐答案

只是一个简单的猜测：

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

You could also use a switch instead of the else ifs :)
Changed onShow to show as it was changed in jQuery.

这篇关于如何在显示jQuery ui选项卡时插入JavaScript？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！