javascript - 重置 jquery smartwizard

Question

我正在使用jquery smartwizard 当用户单击名为“create”的按钮时，我的向导会在对话框中打开。当用户再次单击该按钮时，我希望向导重置并启动一个新的向导，但它会保留其状态。如果我重新初始化它，那么它会再次添加下一个、上一个和完成按钮并弄乱整个向导 UI。有什么想法可以重置智能向导吗？

Answer 1

精灵重置公共方法包含在最新的 Smart Wizard 4 中， 参见示例。

$('#smartwizard').smartWizard("reset"); 

调用此函数会将向导重置为初始默认状态。

Answer 2

根据您使用的对话框，我认为您需要执行以下操作：

1. 为隐藏的向导元素创建模板
2. 当您打开对话框 (onOpen) 时，克隆元素并应用 smartwizard
3. 关闭对话框后，删除已克隆的元素。

这是一个使用颜色框的演示：

http://jsfiddle.net/lucuma/Kn2ud/4/

编辑：由于从创建时起库的移动，小提琴不再工作，代码如下：

 $("button").colorbox({
            inline: true,
            open: true,
            width: "1000px",
            href: '.inline',
            onClosed: function() {
                $('.inline .swMain').remove();
            },
            onOpen: function() {
                $('.template').clone().removeClass('template').appendTo('.inline').smartWizard({
                    transitionEffect: 'slideleft',
                    onFinish: onFinishCallback
                });
            }
        });

Answer 3

这似乎对我有用（在咖啡脚本中，但你明白了）。

numSteps = 5
wizardDiv.smartWizard('goToStep', 1)
# disable all the following steps
for i in [2..numSteps]
    wizardDiv.smartWizard('disableStep', i)

清除或保留向导本身中的任何数据取决于您。