Tengo un formulario de varios pasos con botones "siguiente" y "anterior" que cambian dinámicamente el contenido. Quiero usar pushState para que el cliente también pueda hacer clic en los botones "anterior" y "adelante" en su navegador e imitar el mismo comportamiento.

Aquí es donde llegué hasta ahora: cuando el usuario presiona el botón Atrás del navegador, la página retrocede como se esperaba, pero le falta contenido, y también los campos del formulario anterior están vacíos o disfuncionales. Es muy difícil para mí entender qué está pasando exactamente...

Aquí está mi código:

 $(document).on('click', '.next-button', function () { window.history.pushState($(".one-shot-form").html(), '', ""); }); $(window).on("popstate", e => { $(".one-shot-form").html(e.originalEvent.state); });

Nota: ".one-shot-form" es el nombre del contenedor del formulario, para el cual quiero cambiar dinámicamente el contenido.

¡Cualquier ayuda sería muy apreciada!