JQueryUI Tab控件不刷新自身

时间:2012-10-08 17:32:13

标签: jquery jquery-ui jquery-ui-tabs

我正在使用JqueryUi选项卡控件,我希望在页面上执行某些活动时刷新相同的选项卡。就我而言,当我更改日期控件的值时。

我看过很多例子,他们建议使用“加载”,如下所示:

var selected = $('.tabs').tabs('option', 'selected');
                    $(".tabs").tabs('load', selected);

这似乎不起作用。我在这里期待的是,如果它在特定选项卡的选择上有一些代码,那么它应该执行它。

我有一个小提琴文件来演示它:

http://jsfiddle.net/6F26M/11/。正如你在小提琴中看到的那样,我期待一个警报将在第三个标签选择上执行。

现在,Load似乎没有这样做。

我也尝试用select替换load,如果我想选择另一个选项卡,那就有效。但就我而言,我希望能够刷新。它意味着重新选择相同的选项卡,它不起作用。

1 个答案:

答案 0 :(得分:1)

行。这是答案:

 var selectedTab = $('.tabs').tabs('option', 'selected');
                    $('.tabs').find('li').eq(selectedTab).removeClass('ui-tabs-selected');
                    $(".tabs").tabs('select', selectedTab);

因此,无法重新选择或重新加载它的原因是,当在任何元素上设置'ui-tabs-selected'时,代码不会对选择起作用。你手动删除它,它会像魅力一样。