jQuery minitabs 插件 - 在页面加载时以编程方式选择选项卡？

Question

我正在使用来自以下网站的轻量级 jQuery minitabs 插件:

http://code.google.com/p/minitabs/

这是一个可爱的简单选项卡系统。

但是，我正在努力设置(在加载事件中)默认显示哪个选项卡。在我的一个选项卡中，我有一个搜索表单 - 如果出现表单错误，我想重新加载页面，并显示右侧选项卡以显示错误。

查看代码(不是jquery/javascript专家)，看起来控制哪个选项卡可见的所有内容都是“当前”选项卡上的类以及具有显示的选项卡:没有删除...

任何具有更多 JS 知识的人都可以找到设置选项卡在加载事件中显示的“最佳”方法吗？

谢谢!史蒂夫

jQuery.fn.minitabs = function(speed,effect) {
  var id = "#" + this.attr('id');
  $(id + ">DIV:gt(0)").hide();
  $(id + ">UL>LI>A:first").addClass("current");
  $(id + ">UL>LI>A").click(
    function(){
      $(id + ">UL>LI>A").removeClass("current");
      $(this).addClass("current");
      $(this).blur();
      var re = /([_\-\w]+$)/i;
      var target = $('#' + re.exec(this.href)[1]);
      var old = $(id + ">DIV");
      switch (effect) {
        case 'fade':
          old.fadeOut(speed).fadeOut(speed);
          target.fadeIn(speed);
          break;
        case 'slide':
          old.slideUp(speed);  
          target.fadeOut(speed).fadeIn(speed);
          break;
        default : 
          old.hide(speed);
          target.show(speed)
      }
      return false;
    }
 );
}

Answer 1

您可以在初始化 minitab 后触发所需链接的单击方法，如下所示 ( example );

$('#container').minitabs();
$('#container>ul>li>a').eq(1).trigger('click');

或者，如果您不介意更改原始 minitabs 脚本，请参阅下文。

jQuery.fn.minitabs = function(index,speed,effect) {
  var id = "#" + this.attr('id');
  var $divs = $(id + ">DIV");
  $divs.not($divs.eq(index)).hide();
  $(id + ">UL>LI>A").eq(index).addClass("current");
  $(id + ">UL>LI>A").click(
    function(){
      $(id + ">UL>LI>A").removeClass("current");
      $(this).addClass("current");
      $(this).blur();
      var re = /([_\-\w]+$)/i;
      var target = $('#' + re.exec(this.href)[1]);
      var old = $(id + ">DIV");
      switch (effect) {
        case 'fade':
          old.fadeOut(speed).fadeOut(speed);
          target.fadeIn(speed);
          break;
        case 'slide':
          old.slideUp(speed);  
          target.fadeOut(speed).fadeIn(speed);
          break;
        default :
          old.hide(speed);
          target.show(speed)
      }
      return false;
    }
 );
}

这样您就可以使用预定义的索引来设置minitab；

$('#container').minitabs(1);

工作示例 here