zoukankan      html  css  js  c++  java
  • step ctrl

    window.$stepCtrl = {
        elementData:{},
        targetContents:{},
        onload:function(){
            var elements = document.getElementsByClassName('laz-steps');
            try{
                for (var i in elements){
                    var element = elements[i];
                    if (is_element(element)){
                        var key = element.getAttribute("laz-key");
                        var idx = element.getAttribute('laz-step-index');
                        if (!this.elementData[key])
                        {
                            this.elementData[key] = {
                                "index-now":-1,
                                elements:{}
                            };
                        }
                        this.elementData[key]['elements'][parseInt(idx)] = element;
                        if (idx == 0){
                            this.nextStep(key);
                        }
                    }
                }
            }catch (e){
                console.warn(e);
            }
        },
        nextStep:function(key){
            try{
                var idx = this.elementData[key]['index-now'];
                if (idx != -1){
                    this.elementData[key]['elements'][idx].setAttribute("laz-active","hide");
                }
                idx ++;
                this.elementData[key]['elements'][idx].setAttribute("laz-active","show");
                this.elementData[key]['index-now'] = idx;
            }catch (e){
                console.warn(e);
            }
        },
        lastStep:function(key){
            try{
                var idx = this.elementData[key]['index-now'];
                if (idx != -1){
                    this.elementData[key]['elements'][idx].setAttribute("laz-active","hide");
                }
                if (idx > 0){
                    idx --;
                    this.elementData[key]['elements'][idx].setAttribute("laz-active","show");
                    this.elementData[key]['index-now'] = idx;
                }
            }catch (e){
                console.warn(e);
            }
        }
    
    };
            <div class="laz-steps" laz-step-index="0" laz-key="register">
                <form method="post" laz-action="" laz-call="step1" onsubmit="return LazFormCheck(this);">
                    <div class="std-form-group">
                        <label>邀请人手机号</label>
                        <input type="text"  name="inviter" class="std-form-control"/>
                    </div>
                    <button type="submit" class="std-btn std-btn-warning">下一步</button>
                </form>
            </div>
  • 相关阅读:
    webpackdevserver 找不到目录
    Sublime text 实用插件 包推荐
    github for windows 安装
    很有创意的广告
    介绍一个软件SnippetCompiler
    Nodepad++ ftp github for windows组合开发php
    c#读取写入文本文件
    什么是临时,什么是长久,什么是永久?
    c#操作xml(读,写)
    php连接mssql数据库的几种方式
  • 原文地址:https://www.cnblogs.com/bluen/p/5480539.html
Copyright © 2011-2022 走看看