1

我手动编写了我的选项卡结构，它并不完全遵循 jQuery UI 默认选项卡结构。现在我想在页面加载时将第一个选项卡显示为默认选项卡，但这似乎没有发生。任何帮助，将不胜感激。

<div class="container">
    <div id="tabs">
        <ul class="tabNavi">
            <li><a href="#tabs_1">Tab1</a>
        </li>
        <li><a href="#tabs_2">Tab2</a>
        </li>
        </ul>
        <div id="tabs_1"></div>
        <div id="tabs_2" style="overflow: hidden; display: block;"></div>
    </div>
</div>

我使用的jQuery代码如下：

tabnone: function(){
    $('#tabs ul.tabNavi li a').each(function(){
        $(this).removeClass('active');
        var divIDS = $(this).attr('href').substr(0,10);
        var divID = divIDS.split(',');
        $('div#'+divID).slideUp(25);
    });
},

setupNavigation: function() {
    $('#tabs ul.tabNavi li a').each(function(){
        var divIDS = $(this).attr('href').substr(0,10);
        var divID = divIDS.split(',');
        $('div#'+divID).hide();
    });

    $('#tabs ul.tabNavi li a').each(function(){
        if ($(this).hasClass('active')) {
            var divIDS = $(this).attr('href').substr(0,10);
            var divID = divIDS.split(',');
            $('div#'+divID).slideDown(250);
        }
    });

    $('#tabs ul.tabNavi li a').ready(function(){
        if (!$(this).hasClass('active')) {
            $(this).addClass('active');
            var divContent = $(this).attr('href').substr(0,10);
            var div_ID = divContent.split(',');
            // Show the div
            alert(div_ID);
            $('div#'+div_ID).show();
            $('div#'+div_ID).slideDown(250);
        }
     });

     $('#tabs ul.tabNavi li a').click(function(){
         if (!$(this).hasClass('active')) {
             GATECore.Pages.IndexHelper.tabnone();
             $(this).addClass('active');
             var divContent = $(this).attr('href').substr(0,10);
             var div_ID = divContent.split(',');
             // Show the div
             $('div#'+div_ID).show();
             $('div#'+div_ID).slideDown(250);
         }
    });
}
4

0 回答 0