javascript - 如何在智能向导中默认将 class ="done"isdone ="1"？

Question

我正在使用jQuery SmartWizard 3.3.1 在我的项目中。我有 5 个步骤，我想让所有步骤在每个状态下启用(class =“done”isdone =“1”)。我尝试使用下面的 HTML 代码来做到这一点，我已经尝试过 this answer.

...
 <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

我遇到了同样的问题，解决方法应该是对 anchor 设置进行分组，如下所示:

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

这使得单击任何标题成为可能。但它并没有改变它们的灰色状态。