Pregunta: ¿Por qué el elemento de la interfaz de usuario personalizado no se oculta de forma predeterminada y no desaparece?

Producto: Wix Editor (no Studio)

¿Qué estás tratando de lograr? El objetivo es tener un mensaje de envío personalizado para mi formulario, al enviar la publicación.

¿Qué has probado ya? Tengo 2 páginas de frontend de código de página y 3 archivos .JS de backend. Estoy aprovechando los ID de los elementos de la interfaz de usuario de Wix para identificar el formulario, el mensaje de éxito estándar y los elementos de la interfaz de usuario agrupados que agrupé para formar una confirmación mucho más estéticamente agradable de ver, además de los pequeños fragmentos estándar de texto feo generados con el apagado. el formulario de estante que ofrece Wix.

Para hacer esto, tengo lógica en el archivo número dos de tres archivos .JS que está esperando que aparezca el mensaje de éxito estándar. Si aparece, oculte el mensaje de éxito estándar, cambie el valor booleano "A" a verdadero y redirija al usuario de la página 1 de la interfaz de usuario a la página 2 de la interfaz de usuario. Aquí está el código.

importar wixLocationFrontend desde 'wix-location-frontend'; // Importar módulo wixLocationFrontend importar wixData desde 'wix-data'; // Importa el módulo wixData para trabajar con datos. importar {formularioEnviado} desde “GloballyAvailable.js”;

// Add a listener for the standard success message
$w.onReady(function () {
    // Define SuccessfulSubmission function
    function SuccessfulSubmission() {
        // Hide the standard success message
        $w("#text264").hide();
        // Set the boolean value to true
        wixData.set('formSubmitted', formSubmitted, true);
        // Redirect the user to page 2
        wixLocationFrontend.to('https://www.myitcontracts.com/jobs/');
    } 

    // Add a listener for the standard success message
    $w("#section1col2form1").onAfterSave(() => {
        SuccessfulSubmission();
    });

});

// Export SuccessfulSubmission function
    export { SuccessfulSubmission };

El booleano "A" tiene el valor predeterminado falso en uno de los tres archivos .js del backend, aquí está mi código.

let formSubmitted = false;

$w.onReady(function successBoolean() {
    export { formSubmitted };
});

Cuando el usuario es redirigido a la página 2, tengo un oyente en la carga de la pantalla para verificar si el valor booleano es verdadero o falso; si es verdadero, el elemento de interfaz de usuario personalizado que creé se “mostrará”/mostrará durante un total de 4 segundos y luego desaparece y restablece el valor booleano a falso para que la notificación no permanezca allí cada vez que se accede a la página 2 por otros medios o se actualiza, aquí está mi código.

import wixData from ‘wix-data’; // Import the wixData module to work with data.
import { formSubmitted } from “GloballyAvailable.js”;

$w.onReady(function z() {
  $w.(function SuccessMessage () {
      wixData.get(formSubmitted)
          .then((result) => {
              // If the form was successfully submitted, show the custom success message
              if (result && result.formSubmitted) {
                  $w("#group2").show();
                  // Set a timer to hide the custom success message after 4 seconds
                  setTimeout(function () {
                      $w("#group2").hide();
                      // Reset the boolean value to false
                      wwixData.set('formSubmitted', formSubmitted, false);
                  }, 4000); // 4000 milliseconds = 4 seconds
              } 
          })
          .catch((err) => {
              console.error(err);
          });
  });
});

Ahora, para el código de página de las dos páginas. Página uno con el formulario, vea mi código a continuación.

import {SuccessfulSubmission} from ‘backend/MyForm.js’

SuccessfulSubmission();

Página 2, vea mi código a continuación.

import {SuccessMessage} from ‘backend/MyThankYouPage.js’

SuccessMessage();

Información adicional:

Por alguna razón, cuando ejecuto el código, el elemento de interfaz de usuario personalizado que creé se carga de inmediato aunque no completé el formulario, lo que significa que cuando publico el sitio y voy a la página de agradecimiento no está oculto por algún motivo y no desaparece después de 4 segundos.

¿Pensamientos?

Todavía no he intentado enviar el formulario porque todavía no estoy listo para probar esa pieza.