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

效果图

存储buy的tab跳转js代码

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

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>