8

我没有看到任何文档。

如何手动选择向导组件中哪个面板处于活动状态？

我知道它在某处，因为您可以在其中一个选项卡通过后单击它，然后导航回上一个选项卡。

4

7 回答 7

9

是的，您可以更改向导步骤：

$('#MyWizard').wizard('selectItem', { step: step });

更新：

在最后一次更新之后，它现在可以与 selectedItem 一起使用

$('#MyWizard').wizard('selectedItem', { step: step });

注意从 select 到 selected* 的变化。

于 2013-10-20T07:36:37.853 回答
3

我认为没有办法直接设置活动面板，因为接下来的步骤被禁用，直到使用 prev/next 激活。

一旦一个步骤被“激活”，你就可以使用 jquery 来触发一个标签点击。

$('[data-target=#step2]').trigger("click");

这是一个工作示例： http: //www.bootply.com/60319 -- 如果您导航到最后一步 (5)，则会有一个链接返回到第 2 步。

于 2013-06-05T09:50:16.440 回答
2

$('#MyWizard').wizard('selectedItem', { step: currentStep });

于 2013-11-27T04:20:43.647 回答
1

我知道这个问题很老，但我想分享在 Fuel FX 2.x 中对我有用的东西：

$('#MyWizard').wizard('selectedItem', { step: YourStepNumber });

例如：

$('#wizard1').wizard('selectedItem', { step: 7 });
于 2014-06-24T23:58:16.687 回答
1 
$(document).ready(function() {
    $('#wizard').wizard();
    $('#wizard').find('ul.steps li').toggleClass('complete', true);

    $('#wizard').on('changed.fu.wizard', function (evt, data) {
        $('#wizard').find('ul.steps li').toggleClass('complete', true);
    });
});

这使得所有步骤都可以点击。

于 2015-12-10T17:55:01.817 回答
1 
$('#btnNext').on('click', function()
{
$('#orderWizard').wizard('next');
}

上面的代码用于手动获取上一个窗格的下一个窗格，您可以尝试下面的一个

$('#btnPrev').on('click', function()
{
$('#orderWizard').wizard('previous');
}
于 2016-04-21T12:24:44.287 回答
0

您可以在li标签上设置“活动”类，并在呈现向导时标记 acvite li。

这是 symfony 中的一个例子：

<li data-target="#step1" class="complete">
  <span class="step">1</span>
</li>
<li data-target="#step2" class="active">
  <span class="step">2</span>
</li>
于 2014-06-10T16:44:03.170 回答