jQuery Tools Tabs 设置默认tab

jQuery tools 的介绍 http://kb.cnblogs.com/page/53555/

jQuery tools demo演示地址 http://www.jquerytools.org/demos/

tab 结构:

        <ul class="tabs css-tabs">
            <li><a href="#">Tab 1</a></li>
            <li><a href="#">Tab 2</a></li>
            <li><a href="#">Tab 3</a></li>
        </ul>
        <div class="css-panes">
            <div id="panel-1">
                <p>content 1</p>
            </div>
            <div id="panel-2">
                <p>content 2</p>
            </div>
            <div id="panel-3">
                <p>content 3</p>
            </div>
        </div>

js

        <script>
            $("document").ready(function(){
                $("ul.tabs").tabs("div.css-panes>div");//默认展示第一个
                //$("ul.tabs").tabs("div.css-panes>div", { initialIndex: 1 }); //设置中间区域为当前展示
            })
            
        </script>

 相关资料

jQuery Tools

jqueryTools之tabs使用

posted @ 2012-07-05 17:44  Ian.w  阅读(985)  评论(0)    收藏  举报