1

我在我的项目中使用jQuery SmartWizard 3.3.1。我有 5 个步骤,我想让所有步骤在每个状态下都启用(class="done" isdone="1")。我尝试使用下面的 HTML 代码来做到这一点,我已经尝试过这个答案。

...
 <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"))
}
4

1 回答 1

3

我有同样的问题,修复应该像这样对锚设置进行分组:

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

这使得单击任何标题成为可能。但是,它并没有将它们从灰显状态更改。

于 2018-06-08T13:47:50.493 回答