以编程方式激活选项卡

Question

当使用以下内容显示div时，我尝试以编程方式激活某个选项卡：

$("#myTab").tabs("option", "active", 0); // Focus on Employee Tab

使用时，我会收到以下console.log消息：

错误：在初始化之前无法调用选项卡上的方法;试图调用方法'选项'

此代码已放置在文档就绪脚本中。谢谢你的帮助。 ：）

Answer 1

您可以尝试在特定标签上手动触发点击事件： -

  var tabname = "employee";
  tabEL = $('#myTav [data-tab-name="'+ tabName +'"]');
  tabEL.click();

Answer 2

Working Demo

使用此方法，

$("#myTab").tabs({active : <tab number>});

或

$("#myTab").tabs({active : 0});

---

<强> Demo With your code

在您的情况下，您需要先初始化选项卡。如果您没有收到错误，则直接在选项卡上调用函数。

$("#myTab").tabs();  //initialize  
$("#myTab").tabs("option", "active", 0);  //set tab

或

$("#myTab").tabs().tabs("option", "active", 0);

Answer 3

由于某种原因，在初始化选项卡之前执行此代码。假设您正在使用jQuery UI选项卡。检查激活码之前是否有$("myTab").tabs();。