如何使用自定义函数设置 jquery ui 选项卡的活动选项卡？

Question

我想根据函数 active_tab() 的输出在 jquery ui 选项卡中设置活动选项卡，但是在初始化选项卡时不运行 active_tab() 函数。

function active_tab()
{
    var t = 1;
    // some conditions
    return t;
}

$( "#tabs1" ).tabs({
    active: function(){
        active_tab();
    }
});

Answer 1

active jQuery UI Tabs 选项需要一个数字、 true或false 。

当前打开的面板。 支持多种类型：

• 布尔值：将 active 设置为false将折叠所有面板。 这要求可折叠选项为true 。
• 整数：活动（打开）面板的从零开始的索引。 负值选择从最后一个面板向后的面板。

我会建议以下类型的代码：

function active_tab(tbs, i){
  if(i == undefined){
    i = 0;
  }
  // Add Other Conditions
  tbs.tabs("option", "activate", i);
  return i;
}

$("#tabs1").tabs();

activate_tabs($("#tabs1"), 1);

另一种方法是：

function active_tab(){
  var t = 1;
  // some conditions
  return t;
}

$("#tabs1").tabs();
$("#tabs1").tabs("option", "activate", activate_tab());

您还可以执行以下操作：

$("#tabs1").tabs({
  activate: activate_tab()
});