tab页面自动跳转原因【在控制ul和li的时候没有细分】

效果图

存储buy的tab跳转js代码

1 $(function() {
2     $('.tabPanel ul li').click(function(){
3         $(this).addClass('hit').siblings().removeClass('hit');
4         $('.panes>div:eq('+$(this).index()+')').show().siblings().hide();
5     })
6     $("input[name='name']").focus();
7     $("#sugg").hide();
8 });

html代码

        <div class="tabPanel">
            <ul>
                <li class="hit">基本信息</li>
                <li>负责人信息</li>
                <li>团队信息</li>
                <li>项目图册</li>
            </ul>

用于修复bug的简单方法

                        <ul><!-- 三个空li用于修复tab切换 ul li的bug -->
                            <li style="display:none"></li>
                            <li style="display:none"></li>
                            <li style="display:none"></li>