跳转到jQuery formwizard中的特定步骤

Question

我正在使用jQuery插件'formwizard'并希望允许用户跳转到该过程中的特定步骤。

我以为会做它是“秀”的方法：

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

，但是这一切都为暴露在屏幕上显示的步骤，无需隐藏前面的步骤。

如果在调用'show'之前有另一种方法隐藏当前屏幕，那么它将是完美的。

塞主页是FormWizard Homepage

任何人都熟悉这个插件，并知道如何跳转到使用方法，而不是从一个表单元素联系起来的一个具体步骤？

Answer 1

你正在做的正确，你可以从下面的工作示例中看到。

example code at thecodemine.org

您所遇到的问题是无效（X）HTML（在大多数情况下，仅在基于WebKit浏览器可见）相关的大多数情况下。所以如果我是你，我会尽力清理HTML，看看是否能解决它。使用验证器：_http：//validator.w3.org来验证HTML。

希望这有助于

Answer 2

记住返回您所结合的元素事件造成的......

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

这为我工作。

Answer 3

我花了几个小时试图让今天的工作。使用.formwizard("show","new_step")方法跳过步骤不适用于我。我无法阻止过渡到步骤3并重写到.bind("step_shown",function(){...})方法中我的表单的第4步，因此我使用隐藏的输入“链接”类方法。当某个单选按钮（步骤2）被选为免费或付费帐户时，我会隐藏一个隐藏字段，这意味着可以完全跳过第3步（免费帐户不需要帐单详细信息）。我确定了跳转到在隐藏输入上使用“链接”类的步骤。

DOM具有以下领域这是在DIV当前可见的一步的：

<input type="hidden" id="jump_to_fourth_step" value="fourthStep"> 

JavaScript有以下几点：

$('input[name="account_type"]').click(function() { 
    //add "link" class to jump to last step and hide billing fields in summary 
    if($(this).attr("is_free")==true) { 
    $("#jump_to_fourth_step").addClass("link"); 
    $(".billing_info").hide(); 
    } 
    //remove class "link" from input and show billing fields in summary 
    else { 
    $('#jump_to_fourth_step').removeClass("link"); 
    $(".billing_info").show(); 
    } 
}); 

注意，此代码仅在第2步运行，因为那么单选按钮才可用。如果在选择了免费账户的情况下点击“下一步”，则步骤3被成功跳过，并且如果在步骤4中使用后退按钮，则用户返回到步骤2.并且如果用户决定他们想要付费账户并返回到步骤2标记，隐藏的输入被删除，再次导致下一步显示步骤3（并且结算信息将显示在汇总页面上）。

它没有很好的记录，但是一旦点击“下一步”按钮，该插件将会进入当前步骤的活动输入的“值”属性中的任何步骤。如上所示，值为fourthStep。而且，为了彻底，我只是测试并跳过任何数量的步骤都是可能的，后退按钮将正确地让你回到正确的位置。