我能以编程方式隐藏jWizard中的一个步骤吗？

Question

我正在使用jWizard jQuery插件在我的应用程序中实现向导.

根据我的要求,我在向导中总共有四个步骤

1. 选择配置
2. A的配置
3. B的配置
4. 摘要页面

在第一步(选择配置)中,我只有两个复选框,用户可以将其标记为已选中.每个复选框代表一个配置.然后,用户可以选择它们中的一个或两个.因此,例如,如果用户只选择"配置A"复选框,我需要隐藏向导中的第3步.在相同的情况下,如果用户同时选中两个框,我需要先显示stepp 2,然后再显示向导的第3步.

有没有办法用jWizard插件实现这种行为？

非常感谢您的帮助.

Answer 1

正如另一个答案中提到的，目前还没有办法使用 jWizard 的正常功能来做到这一点。因此，如果您需要这样做，则必须自己实施。你有几个选择。

先问

一种选择是您可以要求他们在启动向导之前选择 A 和/或 B ，并基于此启动三个不同向导（A 和 B、A、B）之一。您还可以在启动向导之前从 DOM 中删除步骤元素。

将 A 和 B 放在一页上并隐藏不需要的内容

合并步骤 2 和 3。然后，根据您在步骤 1 中的选择，使用 jQuery 在现在的步骤 2 中隐藏/显示部分 A 和 B：

$('#checkboxa').click(function () {
         var $this = $(this);
         if ($this.is(':checked')) {
             $('#sectiona').hide();
         } else {
             $('#sectiona').show();
         }
     });

自己写逻辑

我希望我能给你一个更好的答案，因为它似乎是你正在寻找的，但很难从 jWizard 文档中告诉你如何完成这个任务。您可以尝试从向导中完全删除一个步骤（如果用户改变主意则重新插入）或通过触发事件next（click如果没有next可用事件则触发一个事件）来手动“跳过”步骤。