我知道我可以得到当前选定的选项卡的索引,但是我可以以某种方式获取当前选定的选项卡的ID(相当于ui.panel.id,如果这是由tab事件触发,但不是) ?我不喜欢使用索引,因为选项卡的顺序可能会改变。我不喜欢使用样式标记,因为这些标记可能会在将来的版本中发生变化。有没有办法呢?如果没有,我可以以某种方式使用索引来访问这个(甚至可以先访问面板对象)?任何其他想法?
解决方法
您可以使用
:visible
pseudo-selector来定位可见面板:
$("#tabs .ui-tabs-panel:visible").attr("id");
值得注意的是,您可以从activate event:
$("#tabs").tabs({ activate: function (event,ui) { console.log(ui.newPanel[0].id); } });