首页 > 其他 > 详细

step ctrl

时间:2016-05-11 07:11:43      阅读:98      评论:0      收藏:0      [点我收藏+]
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>

 

step ctrl

原文:http://www.cnblogs.com/bluen/p/5480539.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!