javascript - jQuery Steps - 无需重新加载页面的重置向导

Question

我正在使用 jQuery 步骤 ( https://github.com/rstaib/jquery-steps/wiki ) 来创建供用户填写的分步表单。它工作得很好，但我需要能够重置它。用户提交表单后(使用 ajax，因此页面不会刷新)，我想向用户展示一个全新的向导。

有没有办法重置向导？或者可能在不重新加载页面的情况下重新加载？

Answer 1

通过向解决方案 here 添加几行代码，我能够重置我的 jQuery 步骤向导，加上几行额外的代码来删除 css 类。在调用此函数之前或之后，您仍然需要使用首选库重置表单。

$.fn.steps.reset = function () {
  var wizard = this,
  options = getOptions(this),
  state = getState(this);
  goToStep(wizard, options, state, 0);

  for (i = 1; i < state.stepCount; i++) {
    var stepAnchor = getStepAnchor(wizard, i);
    stepAnchor.parent().removeClass("done")._enableAria(false);
  }
};