Question

我没有看到任何相关的文档。

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

我知道它在某处，因为您可以在其中一个标签通过后点击其中一个标签，然后导航回上一个标签页。

Answer 1

是的，您可以更改wizard step：

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

更新：

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

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

请注意从选择更改为选定*。

Answer 2

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

一旦步骤被“激活”，您可以使用jquery触发标签点击..

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

以下是一个有效的示例： http://www.bootply.com/60319 - 如果您导航到最后一步（5），则会有一个返回步骤2的链接。

Answer 3

$（'＃MyWizard'）。wizard（'selectedItem'，{step：currentStep}）;

Answer 4

我知道这个问题已经过时了，但我想在Fuel FX 2.x中分享一下对我有用的东西：

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

E.g：

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

Answer 5

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

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

Answer 6

$('#btnNext').on('click', function()
{
$('#orderWizard').wizard('next');
}

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

$('#btnPrev').on('click', function()
{
$('#orderWizard').wizard('previous');
}

Answer 7

您可以设置＆＃34;有效＆＃34; li 标记上的类，当呈现向导时，标记了 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>

FuelUX向导组件 - 如何手动选择活动步骤？

7 个答案: