jquery - 我可以通过编程方式隐藏 jWizard 中的步骤吗？

Question

我正在使用the jWizard jQuery plugin在我的应用程序中实现一个向导。

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

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

在第一步(选择配置)中，我只有两个复选框，用户可以将其标记为选中。每个复选框代表一个配置。然后用户可以选择其中之一或两者。因此，例如，如果用户仅选择“配置 A”复选框，我需要从向导中隐藏步骤 3。在同样的情况下，如果用户选中这两个框，我需要先显示向导的步骤 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 事件(如果没有下一个 事件可用)。