在jQuery UI 1.9中获取选项卡ID

Question

如何在jQuery UI 1.9中获取选项卡ID？

我在jQuery UI 1.8中使用此方法：

var key = $('#chart-report-tabs .ui-tabs-panel:not(.ui-tabs-hide)').prop('id');

但它在1.9版本中不起作用。

Answer 1

试试这个：

$('#chart-report-tabs .ui-tabs-panel[aria-hidden="false"]').prop('id');

Answer 2

试试这个：

$("#<id of tabs>").tabs("option","active")

返回活动标签的从零开始的索引

Answer 3

试试这个：

var $tabs = $('#chart-report-tabs');
var index = $tabs.tabs('option', 'selected');
var key = $tabs.tabs("option", "panel").find('.ui-tabs-panel').eq(index).prop('id');

来源：jQuery UI Tabs selected index

Answer 4

将activate或beforeActivate个事件与ui.newPanel：

一起使用

$('#chart-report-tabs').tabs({
  activate: function(e, ui) {
    var key = $(ui.newPanel).prop('id');
  }
});

Check the documentation

Answer 5

$('#divName .ui-tabs-panel[aria-hidden="false"]').prop('id');