KendoUI Tabstrib 在所有选项卡上选择第一个选项卡

Blu*_*ird 1 javascript jquery kendo-ui

我有一个包含多个 kendoUI 选项卡的页面,我遇到的问题是我想选择页面上所有选项卡的第一个选项卡。我目前的代码适用于第一个选项卡条,但不适用于该点之后的任何选项卡条。

我试图避免使用列表类<li class="k-state-active">来设置初始活动选项卡。

目前这是我的代码:

$(".tabstrip").kendoTabStrip({
    animation: {
        open: {
            effects: "fadeIn"
        }
    }
}).data("kendoTabStrip").select(0);
Run Code Online (Sandbox Code Playgroud)

我使用类而不是 ID,因为有多个选项卡条是根据数据源动态创建的。

Ona*_*Bai 5

使用 jQueryeach如下:

$(".tabstrip").each(function(idx, elem) {
    $(elem).kendoTabStrip({
    animation: {
        open: {
            effects: "fadeIn"
        } 
    }
    }).data("kendoTabStrip").select(0);
});
Run Code Online (Sandbox Code Playgroud)


ste*_*epo 5

 var tabStrip = $("#testing_tabs").kendoTabStrip().data("kendoTabStrip");
 tabStrip.select(0);    
Run Code Online (Sandbox Code Playgroud)