Javascript 代码在 Mozilla 的同一页面上提交表单

Question

我使用这段代码，在按下按钮时在表单中添加字段:

$(".add-participant").on("click", function() {
   event.preventDefault()
    $(".participant.hidden").first().removeClass("hidden");
  if(!$(".participant.hidden").length) {
    $(this).hide();
  }
});

我添加了 event.preventDefault() 因为添加(取消隐藏)字段的按钮出于某种原因正在提交表单。这适用于 Chrome/Edge/IE，但出于某种原因，它不适用于 Mozilla。表单尝试提交，而不是隐藏字段。有什么解决办法吗？

Answer 1

我在您的代码中发现的唯一问题是您的事件未定义。稍微修改您的代码以将事件定义为:

$(".add-participant").on("click", function(event) {
   event.preventDefault()
    $(".participant.hidden").first().removeClass("hidden");
  if(!$(".participant.hidden").length) {
    $(this).hide();
  }
});

这应该可以解决您的问题。