jquery 跳转tabs的问题

我想要的是效果实现选项卡 当点击第一个选项卡内的按钮"aa"后 显示第二个选项卡
把 $('#container-1 > ul').tabs();这句话注释后能实现点击按钮跳转到第2个选项卡 但是初始化不是选项卡
怎么实现呢?
<head runat="server">    <title></title>
    <link href="CSS/ui.tabs.css" rel="stylesheet" type="text/css" />    <script src="JavaScript/jquery-1.4.3.js" type="text/javascript"></script>    <script src="JavaScript/ui.tabs.pack.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function() {
             $('#container-1 > ul').tabs();
                
                $('#aa').click(function() { // 绑定单击事件
               $('#container-1 > ul').tabs(2);
                    return false;
                });
            });
         
        
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="container-1">
            <ul>
                <li><a href="#fragment-1"><span>One</span></a></li>
                <li><a href="#fragment-2" ><span>Two</span></a></li>
                <li><a href="#fragment-3"><span>Three</span></a></li>
            </ul>
            <div id="fragment-1">
                <asp:Button  ID="aa" runat="server" Text="aa" />
               AAAAAAAAAAAAAAAAAAAAAAAA
            </div>
            <div id="fragment-2">
                BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
            </div>
            <div id="fragment-3">
                CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
            </div>
        </div>
    </div>
    </form>
</body>
</html>

解决方案 »

  1.   

    http://www.xueit.com/js/show-6493-2.aspx <script src="JavaScript/ui.tabs.pack.js" type="text/javascript"></script>
            <script type="text/javascript">
                $(function() {
                tabs =  $('#container-1 > ul').tabs();
                    
                    $('#aa').click(function() { // 绑定单击事件
                  tabs.tabs('select', 1); // 选中第2个
                        return false;
                    });
                });
             
            
        </script>
      

  2.   

     $('#container-1 > ul').tabs({ selected: 2 });
    这个我也试过了 不好用 不过还是要谢谢你 
    我想是不是$(function() 是初始化页面了 再调用其他事件不好用
      

  3.   

    好像css  和display:none可以实现这个效果的
      

  4.   

    楼主可以直接到jquery官方站点找个叫tab的JQ插件，代码不多，用起来方便！
      

  5.   

    这种切换，可以参考这个
    http://blog.csdn.net/theforever/archive/2010/08/23/5832244.aspx
      

  6.   

    为什么jquery的不好用呢 点击事件发生回调?