jquery - JQuery UI 选项卡，更改选项卡 URL (JQuery 1.10+)

Question

有没有办法通过 jquery/javascript 修改 jquery ui 中选项卡的链接？

示例问题就像

一个标签有 URL"http://thanksforyourhelp/greatly/appreciated/"

如果在该选项卡上提交了表单，则会将数据写入数据库。响应给出了添加到数据库中的行的 ID。

下次访问该特定选项卡时，链接实际上应该是

'http://thanksforyourhelp/greatly/appreciated/ID' 

由于来自表单的响应（此处也是 ajax）将其发回，因此 ID 现在是已知的。当此响应出现时，我必须重新加载当前选项卡，其中包含带有 ID 的 URL。

在 JQuery 1.10 之前。我们可以做这样的事情

$("#tabs").tabs("url", index, url);

我们如何在 JQuery UI 1.10+ 中做到这一点。由于在 JQuery 1.10 中删除了 URL 方法？

Answer 1

在完整的表单提交中执行类似的操作。这将更改当前活动选项卡的 URL 并重新加载选项卡。

var tabs = $("#tabs");
var currentTabIndex = tabs.tabs("option", "active");
var tab = $(tabs.data('uiTabs').tabs[currentTabIndex]);
tab.find('.ui-tabs-anchor').attr('href', "http://thanksforyourhelp/greatly/appreciated/ID");
// If cached initially. Remove cache then
tab.data( "loaded", false);
tabs.tabs("load", currentTabIndex);

Answer 2

选项卡定义为我触发了错误；不得不像这样重写它：

var tab = $(tabs.data()['ui-tabs'].tabs[currentTabIndex]);