代码之家  ›  专栏  ›  技术社区  ›  Lee McAlilly

如何使用jquery UI设置默认选项卡

  •  13
  • Lee McAlilly  · 技术社区  · 15 年前

    我将jquery和jquery用户界面与以下内容结合使用:

    $(document).ready(function() {
        $('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
    });
    

    现在,它自动将第一个选项卡设置为加载文档时选择的默认选项卡。当页面加载时,如何覆盖此选项并使第二个选项卡成为默认的选定选项卡?

    3 回复  |  直到 12 年前
        1
  •  39
  •   Baylor Rae'    12 年前
    $('#tabvanilla > ul').tabs({ selected: 1 });
    

    有关 specifications page .

        2
  •  26
  •   Leniel Maccaferri    12 年前

    如果你碰巧使用 jQuery UI >= 1.9 ,这就是它的工作原理:

    $(".selector" ).tabs({ active: 2 });
    

    有关选项卡小部件API页面的详细信息: http://api.jqueryui.com/tabs/#option-active

        3
  •  2
  •   Elemental    13 年前

    我发现这种替代方案在某些情况下可能更可取: http://www.markhneedham.com/blog/2010/09/08/jquery-ui-tabs-changing-selected-tab/