【jqiery状态机 _Ajax登陆】

jqiery状态机

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

Ajax登陆

详细描述

截图

代码

var $stage = new StateMachine({
    init: 'ready',
    transitions: [
        { name: 'step1', from: 'ready', to: 'kill' },
        { name: 'step2', from: 'kill', to: 'words' },
        { name: 'step3', from: 'words', to: 'speech' },
        { name: 'step4', from: 'speech', to: 'vote' },
        { name: 'reset', from: '*', to: 'ready' }
    ],
    methods: {
        onStep1: function() {
            $(".step:eq(0)").addClass("done");
            $(".round:eq(0)").addClass("do");
        },
        onStep2: function() {
            $(".step:eq(1)").addClass("done");
            $(".round:eq(1)").addClass("do");
        },
        onStep3: function() {
            $(".step:eq(2)").addClass("done");
            $(".round:eq(2)").addClass("do");
        },
        onStep4: function() {
            $(".step:eq(3)").addClass("done");
            $(".round:eq(3)").addClass("do");
        }
    }
});
 
$(".step:eq(0)").click(function () {
    $stage.onStep1();
    alert("进入杀人环节")
    window.location.href = "js2-6.html";
    
})

$(".step:eq(1)").click(function () {
    $stage.onStep2();
  
    
})

$(".step:eq(2)").click(function () {
    $stage.onStep3();
  
    
})

$(".step:eq(3)").click(function () {
    $stage.onStep4();
  
    
})

编辑于2024-05-13