Javascript 我可以让“下一步”按钮工作，但不能让“上一步”按钮工作。我做错了什么？

我正在尝试使用jQuery创建一个多步骤表单。我已使用“下一步”按钮工作并显示下一个字段集，但无法使用“上一步”按钮显示上一个字段集。我对此非常感激，因此任何帮助都将不胜感激

名字 姓 电子邮件 $document.readyfunction{ $.next.clickfunction{ 当前_fs=$this.parent； next_fs=$this.parent.next； 下一个节目； }; }; $.previous.clickfunction{ 当前_fs=$this.parent； previous_fs=$this.parent.prev； 先前的展览； };

---

$.previous在$document.ready之外，因此在设置html标记之前，它将查找这些标记。将其移动到$document.ready的回调中，您应该被设置。

另一种方法是将单个方法中的两个操作保留在函数之外。并且仅使用两个按钮进行导航。然后使用活动类，以便显示

按钮的操作如下所示：

$(document).ready(function() {
  $('.next, .prev').click(function(e) {
    e.preventDefault();
    current = $('fieldset.active');
    $(current).removeClass('active').hide();

    nextPrev = $(this).hasClass('next') ? $(current).next() : $(current).prev();

    $(nextPrev).addClass('active').show();
  });
});

---

出于各种原因，使用类切换活动状态，但在您的情况下，为了简单起见

为按钮名称属性指定一个值next或prev，以便在方向逻辑中使用这些值

单击.next或.previous按钮时，使用前面在按钮上设置的next和prev方向值查找下一个目标，删除当前活动状态并应用于新元素

$function{ var active=$'fieldset.active' $”。下一步，。上一步。单击函数E{ e、 防止违约； var target=$this.closest'fieldset'[this.name]； 如果目标是.length{ active.removeClass'active'； target.addClass'active'； 主动=目标； } }; }; 字段集{ 显示：无； } fieldset.active{ 显示：块； } 名字 姓 电子邮件

---

您的$.next位于doc ready内，但$.previous未位于doc ready内-将它们都放在doc ready内。通过在您的上方添加此行进行检查。单击line并检查console:console.log$.previous.length-如果它为零0，则在代码运行时找不到它们。稍后可能会添加它们，DynamicCallyTanks用于响应。我已经将$previous添加到doc ready，但它仍然不起作用。有什么建议吗？