javascript - Jquery UI 1.10 - 获取 Accordion 内选项卡的索引

Question

所以我有一个 JQuery UI Accordion ，每个折叠内都有一些选项卡。我正在尝试在打开的 Accordion 折叠中获取当前打开的选项卡的索引。我有一个适用于以前版本的 JQuery 的解决方案:

var active_tab = $(".accordion.ui-accordion-content-active.tabs").find("div:not(.ui-tabs-hide)").index()-1;

但是，自从我更新了我的 JQuery 版本后，我一直无法让它工作，它总是给我一个“-2”。

我也试过这样的:

var curTab = $('.accordion .ui-accordion-content-active .ui-tabs-active');
active_tab = curTab.index();

但这又一次给了我一个 -1，不管选择的标签是什么。

有一个 JSFiddle here展示了这种行为。

明确地说，我需要能够记住页面在两次刷新之间的状态。因此，我需要事件 Accordion 索引和事件选项卡索引，然后将它们放入 cookie 中并在刷新时进行检查。然后打开相应的 Accordion 和选项卡，页面看起来与刷新前一样。任何提示将不胜感激。提前致谢!

Answer 1

您需要使用 jQuery UI 为您提供的适当功能(active 选项)来查找事件的 Accordion 和选项卡:

var activeAccordionIndex = $( ".accordion" ).accordion( "option", "active");

var activeTabIndex = $(".accordion > div:eq(" + accordionIndex + ")").find(".tabs").tabs( "option", "active");

Working example