如何在显示jQuery ui选项卡时插入JavaScript? [英] How to insert JavaScript upon showing a jQuery ui tab?
本文介绍了如何在显示jQuery ui选项卡时插入JavaScript?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想在我的页面上运行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屋!
查看全文