如何在智能向导中默认设置 class="done" isdone="1"？

Question

我正在使用 jQuery SmartWizard 3.3.1 in my project. I have 5 steps and I want to make all the steps enable(class="done" isdone="1") in every state. I try to do that using below HTML code, I already tried

...
 <a href="#step-4" rel="4" class="done" isdone="1"></a>
 <a href="#step-5" rel="5" class="done" isdone="1"></a>
...

页面加载后它变为 class="disabled" isdone="0" 并使向导在不逐一执行步骤的情况下无法遍历。我浏览了文档，但找不到实现此目的的相关信息。有什么办法可以通过智能向导配置来实现吗？或者解决这个问题的最佳方法是什么？

我的 smartwizard int 如下：

function init_SmartWizard() {
    "undefined" != typeof $.fn.smartWizard && (console.log("init_SmartWizard"), $("#wizard").smartWizard(), $("#wizard_verticle").smartWizard({
        transitionEffect: "slide",
        enableAllSteps: true,
        anchorClickable         :   true, // Enable/Disable anchor navigation
        enableAllAnchors        :   true, // Activates all anchors clickable all times
        markDoneStep            :   true, // add done css
        enableAnchorOnDoneStep  :   true // Enable/Disable the done steps navigation
    }), $(".buttonNext").addClass("btn btn-success"), $(".buttonPrevious").addClass("btn btn-primary"), $(".buttonFinish").addClass("btn btn-default"))
}

Answer 1

我遇到了同样的问题，解决方法应该是像这样对锚设置进行分组：

$('#smartwizard').smartWizard({
      anchorSettings: {
          anchorClickable: true, // Enable/Disable anchor navigation
          enableAllAnchors: true, // Activates all anchors clickable all times
          markDoneStep: true, // add done css
          enableAnchorOnDoneStep: true // Enable/Disable the done steps navigation
     },
});

这样就可以点击任何 header。不过，它并没有改变它们的灰色状态。

如何在智能向导中默认设置 class="done" isdone="1"？

how to make class="done" isdone="1" in smart wizard by default?

html

javascript

jquery

wizard

smart-wizard