重新加载Ajax选项卡的内容

时间:2009-11-06 11:26:41

标签: javascript jquery ajax jquery-ui jquery-ui-tabs

我完全不解,我在Jquery UI选项卡中进行了ajax调用,之后我想刷新选项卡的内容,应该这样做的函数是:

function reloadTab(){
var $tabs = $('#tabs').tabs();
var selected = $tabs.tabs('option', 'selected');
$tabs.tabs('load', selected);
return false; 
}

令人难以置信但是真的根本不起作用,因为:

$tabs.tabs('select', selected);

无论是否我都认为这是一个无法重新加载标签的问题,这就是我发现的:

'select'仅适用于选择与当前选项卡不同的选项卡,而加载根本不起作用。

我也试过这里发布的解决方案:Stuck reloading ajax content in a jQuery Tab programatically

没有运气..请帮助我,因为我开始生气了: - (

2 个答案:

答案 0 :(得分:1)

请您澄清一下:选择是否包含预期值,即

$tabs.tabs('option', 'selected')

产生正确的指数?如果是,那么tabs('load')似乎是错误的(正如您提到的帖子中所示)。也许您可以尝试切换到另一个选项卡,执行加载,然后再切换回来。我知道,不是很优雅。对不起,我无法提供更多帮助。

答案 1 :(得分:1)

这对我有用:

function reloadTab(tabnum) {
 $('#tabs').tabs('select',tabnum);
 $('#tabs').tabs('load',tabnum);
}

诀窍是如果首先没有选择选项卡,则加载不起作用。