Tabs uikit 2.8.0-如何为选项卡设置id并在选中时检索它

Tabs uikit 2.8.0-如何为选项卡设置id并在选中时检索它,tabs,uikit,Tabs,Uikit,我正在使用uikit2.8.0 我正在视图中显示垂直选项卡 我想为每个选项卡设置一个id值,并在一个隐藏变量中设置所选id的值,以便在表单提交时将id值发布到服务器 我的标签代码: 我尝试了以下几点: $('[data-uk-tab]').on('uk.switcher.show', function(event, area){ alert(area[0].tabIndex); alert(area[0].value); alert(area[0].id); });

我正在使用uikit2.8.0

我正在视图中显示垂直选项卡

我想为每个选项卡设置一个id值,并在一个隐藏变量中设置所选id的值,以便在表单提交时将id值发布到服务器

我的标签代码:

我尝试了以下几点:

$('[data-uk-tab]').on('uk.switcher.show', function(event, area){
    alert(area[0].tabIndex);
    alert(area[0].value);
    alert(area[0].id);
});
tabIndex给出-1,value给出0,id不给出值

如何将bank.id设置为选项卡索引或选项卡id,并在选择选项卡时检索它

谢谢,
苏拉杰

我也有同样的问题,但找不到直接的解决办法。 在其他选项卡中,我有一个水平选项卡并成功使用:

$('[data-uk-switcher]').on('uk.switcher.show', function(event, area){
    console.log("clicked="+area.context.id);
    if (area.context.id == 'preview_tab') {
        name = $("#topicEditForm_name").val();
        $("#preview_name").html(name);
    }
});
但由于某些原因,它在垂直选项卡中不起作用

我准备了一个解决方法:我添加了一个
按钮,并用它来进行隐藏输入设置


希望它有帮助

您必须将
id=“bank.id”
放在选择器上。然后执行
area.context.id