2

我知道我可以像这样获取当前选定选项卡的(数字)索引:

$('.selector').tabs('option', 'selected');

有没有办法在事件处理程序之外获取当前选定选项卡的 ID?通过“ID”,我指的是作为参数传递给事件侦听器回调的 ui 对象中的字符串属性 (ui.panel.id) - 但我试图在回调之外执行此操作。

我知道我可以拼凑出自己的解决方案,但我想确保我不会先重新发明轮子。

我宁愿使用 ID 而不是索引,这样更改选项卡的顺序不会破坏我的代码 - 它至少更健壮和可读。

4

2 回答 2

1

据我所知,选定的选项卡有 ui-tab-selected 类。您可以使用

$('.selector').find('.ui-tab-selected a');

获取选定的选项卡。它是元素,其中 href 属性 - 活动面板的标识符。

于 2009-10-14T18:02:57.273 回答
1

@马特球

您可以使用与活动选项卡关联的“ui-state-active”类来选择它,然后从内部 href 链接获取 id:

var selected_tab_id = $('.ui-state-active a', '#ui-tabs-widget').attr('href').split('#')[1];

'#ui-tabs-widget' 是您的实际选项卡小部件的 ID,因此请用它替换它,以便仅在您想要的小部件中选择活动选项卡,而不是在页面中的每个小部件中选择。

于 2011-08-14T03:57:14.807 回答