在 JQuery UI 选项卡中:如何在通过 JavaScript 激活后显示选定的选项卡?

In JQuery UI Tabs: how to show the selected tab after activating it via JavaScript?

我在一个使用 JQuery UI 选项卡小部件的网站上工作,并且经常打开的选项卡多于屏幕上可以查看的选项卡。发生这种情况时,会出现一个 right/left 箭头来滚动选项卡。我的问题是,如果我通过 $('#tabElem').tabs("option", "active", 14) 激活一个不在视图中的新选项卡,它不会自动滚动到所选选项卡。我试过 $('#tabElem').tabs("refresh") 但这似乎没有做任何事情。

我发现删除一个不存在的选项卡做了我想做的并滚动到选定的选项卡。

$('#tabElem').tabs("remove", 99)

我会得到活动元素的位置并 window.scrollTo() 它。

var pos = $('#tabElem').tabs("option", "active").position();
window.scrollTo(pos.left, pos.top);