访问Accordion中的选项卡 - JQuery UI

时间:2012-02-11 04:14:47

标签: javascript jquery jquery-ui

我需要在JQuery UI中的Accordian中获取“tabs”对象的选定选项卡的索引,并将其存储在变量中。问题是,我不知道如何选择活动的手风琴窗口内的选项卡。到目前为止,我有这个:

var active_acc = $( ".accordion" ).accordion( "option", "active" );  //Returns accordian index that is open
var active_tab = $( ".tabs" ).tabs( "option", "selected" );  //Gets a tab index, but not the one in the open accordian.

我一直在尝试这样的事情:

var active_tab = $( ".accordion" ).accordion( "option", "active" ).( ".tabs" ).tabs( "option", "selected" );

var active_tab = $( ".accordion" ).accordion( "option", "active" ).find( ".tabs" ).tabs( "option", "selected" );

但显然这不起作用,因为第一部分只是解析为一个数字。有没有办法做到这一点,不涉及在点击事件上写一些id / class修改,也跟踪什么打开?任何帮助将非常感激。谢谢!

1 个答案:

答案 0 :(得分:2)

活动标签的类别为.ui-state-active,类似于......

$('#accordion .ui-accordion-header').filter('.ui-state-active').index()

除了索引本身也包含标签,所以

$('#accordion .ui-accordion-header').filter('.ui-state-active').index() / 2