JQueryUI选项卡控件不刷新自身
我正在使用JqueryUi选项卡控件,我希望在页面上执行某些活动时刷新相同的选项卡。在我的例子中,当我更改日期控件的值时 我见过很多例子,其中他们建议将“load”与以下内容结合使用:JQueryUI选项卡控件不刷新自身,jquery,jquery-ui,jquery-ui-tabs,Jquery,Jquery Ui,Jquery Ui Tabs,我正在使用JqueryUi选项卡控件,我希望在页面上执行某些活动时刷新相同的选项卡。在我的例子中,当我更改日期控件的值时 我见过很多例子,其中他们建议将“load”与以下内容结合使用: var selected = $('.tabs').tabs('option', 'selected'); $(".tabs").tabs('load', selected); 这似乎不起作用。我在这里期望的是,如果它在特定选项卡的select上有一些代码,那么它应该执行
var selected = $('.tabs').tabs('option', 'selected');
$(".tabs").tabs('load', selected);
这似乎不起作用。我在这里期望的是,如果它在特定选项卡的select上有一些代码,那么它应该执行这些代码
我有一个小提琴文件来演示:
。正如您在小提琴中所看到的,我期望在第三个选项卡选择时执行警报
现在,Load似乎没有这样做
我也尝试过用select替换load,如果我想选择另一个选项卡,它就可以工作。但在我的情况下,我希望能够刷新。这意味着重新选择同一选项卡,该选项卡将不起作用。确定。以下是答案:
var selectedTab = $('.tabs').tabs('option', 'selected');
$('.tabs').find('li').eq(selectedTab).removeClass('ui-tabs-selected');
$(".tabs").tabs('select', selectedTab);
因此,无法重新选择或自行重新加载的原因在于,在任何元素上设置了
'ui-tabs-selected'
时,代码不会对选择起作用。您可以手动删除它,它将像魅力一样工作。您希望刷新哪种类型的数据?我的意思是,选项卡中的数据会如何变化?在进行ajax调用时,是否有一些JS函数替换该选项卡中的元素?我不明白,我在打电话。fiddle中的代码只是一个占位符。