如何使用自定义功能设置 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

jQuery UI active 的选项卡选项需要一个数字，true 或 false。

Which panel is currently open. Multiple types supported:

Boolean: Setting active to false will collapse all panels. This requires the collapsible option to be true.

Integer: The zero-based index of the panel that is active (open). A negative value selects panels going backward from the last panel.

我建议使用以下类型的代码：

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()
});

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

How to set active tab of jquery ui tabs using custom function?

jquery-ui

jquery-ui-tabs