Search code examples
jquery-pluginsformwizard

Jumping to a specific step in jQuery formwizard

I am using the jQuery plugin 'formwizard' and wish to allow users to jump to a specific step in the process.

What I thought would do it was the 'show' method:

$(function(){
    $("#linkId").click(function(){
        $("#demoForm").formwizard("show","newLocationId");
    });
});

but all this does is expose the step on screen without hiding the previous step.

If there was another method to hide the current screen before calling the 'show' then it would be perfect.

The plug home page is FormWizard Homepage

Anyone familiar with this plugin and know how to jump to a specific step using a method rather than linking from a form element?

Solution

  • You are doing it right as you can see from the working example below.

    example code at thecodemine.org

    The problem you are experiencing is in most cases related to invalid (X)HTML (and in most cases only visible in webkit based browsers). So if I were you, I would try to clean up the HTML and see if that fixes it. Use the validator at: _http://validator.w3.org to validate the HTML.

    Hope this helps