Search code examples
jqueryjquery-steps

Handling events in jQuery


I am using jQuery Steps and I am wanting to handle an event called: onStepChanging.

The default value is function (event, currentIndex, newIndex) { return true; }

I have tried the following, with no luck:

$("#wizard").onStepChanging(function (event, currentIndex, newIndex){
    Console.log("onStepChanging");
});

Can I please have some help to get this working?

Thanks in advance


Solution

  • Here is the answer, it took a bit of trying, but this works:

    $("#wizard").steps({
        headerTag: "h2",
        bodyTag: "section",
        transitionEffect: "slideLeft",
        stepsOrientation: "vertical",
        onStepChanging: function (event, currentIndex, newIndex){
            //alert("stepchanging event");
            return true;
        }
    });