jQWidgets jqxTabs select() 方法

简介

jQWidgets jqxTabs 是一个 jQuery 插件，用于创建具有交互性的选项卡式用户界面。select() 方法是其其中的一个方法，用于选择或激活选项卡面板。

语法

$("#jqxTabs").jqxTabs("select", index);

参数说明：

• index：整数类型，表示选项卡面板的索引，从 0 开始计数。

返回值

该方法不返回任何值。

示例

选项卡面板的 HTML 代码：

<div id="jqxTabs">
  <ul>
    <li>选项卡 1</li>
    <li>选项卡 2</li>
    <li>选项卡 3</li>
  </ul>
  <div>
    选项卡 1 的内容
  </div>
  <div>
    选项卡 2 的内容
  </div>
  <div>
    选项卡 3 的内容
  </div>
</div>

使用 select() 方法激活选项卡 2：

$("#jqxTabs").jqxTabs("select", 1);

注意事项

• 选项卡面板的索引值必须是一个整数类型，如果传入其他类型的值，会导致方法调用失败。
• 如果传入的索引值超出了选项卡面板的范围，也会导致方法调用失败。