Jquery plugins 跳转到jQuery formwizard中的特定步骤

我正在使用jQuery插件“formwizard”，希望允许用户跳转到流程中的特定步骤

我认为这是一种“展示”的方法：

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

但所有这些只是在屏幕上显示步骤，而不隐藏上一步

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

插件主页是

---

熟悉此插件并知道如何使用方法而不是从表单元素链接跳转到特定步骤的人？

从下面的工作示例可以看出，您做得很好

在大多数情况下，您遇到的问题与无效（X）HTML有关（在大多数情况下，仅在基于webkit的浏览器中可见）。因此，如果我是你，我会尝试清理HTML，看看是否可以修复它。在以下位置使用验证程序：_http://validator.w3.org 验证HTML

---

希望这有助于

记住在绑定到的元素事件上返回false

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

---

这对我来说很有效。

我今天花了几个小时试着让它起作用。使用

.formwizard（“show”，“new\u step”）

方法跳过步骤对我不起作用。我无法在

.bind（“step_Showed”，function（）{…}）

方法中阻止转换到步骤3并重写表单的步骤4，因此我使用了隐藏输入“link”类方法。当为免费或付费帐户选择某个单选按钮（第2步）时，我嵌入了一个隐藏字段，这意味着可以完全跳过第3步（免费帐户不需要账单详细信息）。我确定了在隐藏输入上使用“link”类的步骤

DOM具有以下字段，该字段位于当前可见步骤的div中：

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

请注意，此代码仅在步骤2上运行，因为单选按钮仅在此时可用。当在选择自由帐户的情况下点击“下一步”时，将成功跳过步骤3，如果在步骤4中使用了“后退”按钮，则用户将返回到步骤2。如果用户决定他们想要一个支付账户，并返回到步骤2进行标记，则隐藏的输入将被删除，再次导致步骤3显示在下一步（账单信息将显示在摘要页面上）

---

它没有很好的文档记录，但是一旦单击“下一步”按钮，插件将转到当前步骤上活动输入的“值”属性中的任何步骤。如上所示，该值为

fourthStep

。而且，为了彻底起见，我刚刚测试过，跳过任意数量的步骤都是可能的，后退按钮将正确地让您回到正确的位置。

如果您能了解一下这一点，我将不胜感激？

$('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();
  }
});