Javascript-Code trägt Form auf der gleichen Seite in Mozilla

Question

Ich habe diesen Code, die ich verwende, Felder in einem Formular hinzufügen, wenn die Taste gedrückt wird:

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

Ich habe die event.preventDefault() weil die Taste (hinzufügen zeigen Sie die Felder aus irgendeinem Grund an. Dies funktioniert auf Chrome/Edge/IE, aber auf Mozilla tut es aus irgendeinem Grund nicht. Formular versucht zu senden, anstatt dass die Felder eingeblendet werden. Irgendwelche Ideen, wie man das löst?

Answer 1

Das einzige Problem, das ich in Ihrem Code zu finden, ist, dass Ihre Veranstaltung nicht definiert ist. Ändern Sie Ihren Code leicht, um ein Ereignis wie folgt zu definieren:

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

Dies sollte Ihr Problem lösen.