logo标签列表

动态更新FuelUX向导步骤的数量

javascriptjquerydynamicwizardfuelux
4
我希望有人可以帮我解决这个问题。我正在使用FuelUX向导，并希望动态添加用户在第一个屏幕上设置的步骤数量X。额外的步骤可以成功添加，但问题是我不知道如何让向导知道现在它的步骤数与起始值不同 - 因此，如果它最初有3个步骤，则无论现在有多少步骤，它仍然想在第3步提交表单。
再次调用 $（“＃MyWizard”）.wizard（）似乎没有用。在向导代码中，有一个numSteps变量，但好像无法从类外访问它。有一个Rob Schmuecker在外部网站上提供的解决方案（http://www.robschmuecker.com/dynamic-steps-in-fuel-ux-wizard/），但不幸的是它对我来说不起作用，按照他的建议调用 $（“＃MyWizard”）.data（'wizard'，''）会阻止向导前进。
是否有人有关于此问题的建议/经验？我对JS等方面还不熟悉，所以也许这很显然，任何帮助都将不胜感激！以下是我添加步骤的代码：
var added_questions = 0;
function addStep()
{
  added_questions++;
  $("#end-of-questions-step-marker").before("<li id='#step-marker-q" + added_questions + "' data-target='#q" + added_questions + "'><span class='chevron'></span>Q" + added_questions + "</li>");
  $("#step3").before("<div class='step-pane' id='q" + added_questions + "'><fieldset id='q" + added_questions + "-fieldset' class='col-sm-12'></fieldset></div>");
  $("#q" + added_questions + "-fieldset").append(getQuestionPanel(added_questions));
}
1个回答
2

我知道你正在寻找FuelUX 2的答案，但在即将推出的FuelUX 3版本中，有一个新方法叫做addSteps，正是你想要做的。你可以查看那段代码。以下是在FuelUX 3.0中在第二步（零索引）添加一个面板的方法：

$('#myWizard').wizard('addSteps', index, [
  {
    badge: 'badge-customicon',
    label: 'A Step Label',
    pane: '<div>Content</div>'
  }
]);

FuelUX 3已经发布。

谢谢Stephen，非常感谢。 - user6325
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接