jQWidgets jqxTabs selectedItem 属性

jqxTabs是一个高度可定制的选项卡控件，用于在用户界面中显示不同的内容。selectedItem属性是用于设置或获取选项卡中当前选定索引值的属性。该属性的值是一个整数，用于表示选项卡中所选选项卡的索引。

语法

// 设置selectedItem属性
$('#jqxTabs').jqxTabs({ selectedItem: 2 });

// 获取selectedItem属性
var selectedItem = $('#jqxTabs').jqxTabs('selectedItem');

参数

selectedItem: 一个整数，用于表示选项卡中所选选项卡的索引，默认值为0。

示例

<div id="jqxTabs" style="margin-top: 50px;">
    <ul>
        <li>Tab 1</li>
        <li>Tab 2</li>
        <li>Tab 3</li>
    </ul>
    <div>Content of Tab 1</div>
    <div>Content of Tab 2</div>
    <div>Content of Tab 3</div>
</div>

<script>
    $(document).ready(function () {
        // 初始化选项卡控件
        $('#jqxTabs').jqxTabs();

        // 设置默认选中的选项卡为第二个
        $('#jqxTabs').jqxTabs({ selectedItem: 1 });

        // 获取当前选中的选项卡索引
        var selectedItem = $('#jqxTabs').jqxTabs('selectedItem');
        console.log(selectedItem);
    });
</script>

返回值

设置selectedItem属性时，没有返回值。获取selectedItem属性时，返回表示当前选项卡索引的整数值。