如何在Jquery-Steps中刷新页面时保持同一个向导？

Question

我正在为我的向导类型表单使用jQuery-Steps插件。现在我想在刷新页面时保持同一个向导。我该怎么做？

Answer 1

初始化saveState: true时，您必须在选项中设置jQuery.steps。

例如：

$("#example-basic").steps({
    headerTag: "h3",
    bodyTag: "section",
    transitionEffect: "slideLeft",
    autoFocus: true,
    saveState: true
});

saveState选项依赖于jQuery.cookie插件。参考：https://github.com/rstaib/jquery-steps/issues/86

同样重要的是，saveState不能在本地文件系统上运行，由于浏览器的限制，它必须从网络服务器提供。

重置状态：

为了在向导完成时重置状态，您必须使用jQuery单击第一步链接。然后，您可以隐藏向导并显示自定义消息，这样用户就不会感到困惑。

$("#example-basic").steps({
    ...
    onFinished: function( a ) {
        $('#example-basic .steps a:eq(0)').click();
        $('#example-basic').hide();
        $('#custom-message').show();
    }
});

这是我发现在不改变或扩展插件代码的情况下重置状态的唯一方法。