layui控制选项卡切换 tab切换

 实现上一步下一步功能。

<ul class="layui-tab-title">
        <li class="layui-this" lay-id="1">1.基本信息</li>
        <li lay-id="2">2.Schema信息</li>
        <li lay-id="3">3.字段信息</li>
        <li lay-id="4">4.WEBSERVICE接口信息</li>
    </ul>

$('.layui-tab-title li').on('click', function() {
        var current = $(".layui-tab-title .layui-this").attr("lay-id");
        var layId = this.getAttribute('lay-id');
        if(layId == "1"){
            if(current != 2){
                layer.msg("请按步骤点击");
                return false;
            }
        }else if(layId == "2"){
            if(current != 1 && current != 3){
                layer.msg("请按步骤点击");
                return false;
            } else if($("#flag1").val() == ""){
                layer.msg("请完善当前页");
                return false;
            }

        }else if(layId == "3"){
            if(current != 2 && current != 4){
                layer.msg("请按步骤点击");
                return false;
            } else if($("#flag2").val() == ""){
                layer.msg("请完善当前页");
                return false;
            }
        }else if(layId == "4"){
            if(current != 3){
                layer.msg("请按步骤点击");
                return false;
            }
        }

    });