javascript - 如何设置初始加载的默认选项卡

Question

目前this webpage打开选项卡“免费赠品和额外服务”。我希望它打开第一个选项卡“联邦与议会”。我相信，默认情况下，它将打开第一个选项卡。我试图找到它告诉浏览器在第三个选项卡上打开它的位置，但找不到它。

Answer 1

我认为这是您正在寻找的代码:

$('div#Panels').tabs({
    active: 2,

active选项告诉选项卡控件要显示哪个选项卡。

如果您将 active 值更改为 0(或完全删除它)，它应该在页面加载时显示第一个选项卡。

<小时/>

由于最初显示的选项卡不会触发 activate 事件，因此您可以将代码从 activate 事件处理程序移动到单独的函数中，然后调用该函数在 activate 事件处理程序中以及页面首次加载时。

<script>
$(document).ready(function() {
    function activateTab(index) {
        switch (index) {
            case 0:

                $('#carousel').flexslider({
                    animation: "slide",
                    controlNav: false,
                    animationLoop: true,
                    slideshow: false,
                    itemWidth: 80,
                    itemMargin: 5,
                    asNavFor: '#slider'
                });

                $('#slider').flexslider({
                    animation: "slide",
                    controlNav: false,
                    animationLoop: true,
                    slideshow: false,
                    sync: "#carousel"
                });

                //-----------------
                $(window).resize();
                //-----------------

                break;

            case 1:

                $('#carousel2').flexslider({
                    animation: "slide",
                    controlNav: false,
                    animationLoop: true,
                    slideshow: false,
                    itemWidth: 80,
                    itemMargin: 5,
                    asNavFor: '#slider2'
                });

                $('#slider2').flexslider({
                    animation: "slide",
                    controlNav: false,
                    animationLoop: true,
                    slideshow: false,
                    sync: "#carousel2"
                });

                //-----------------
                $(window).resize();
                //-----------------

            break;   
          }
    }

    $('div#Panels').tabs({
        active: 0,
        collapsible: false,
        activate: function(event, ui) {
            activateTab(ui.newPanel.index());
        }
    });

    activateTab(0);
});
</script>