Soporte » WordPress Avanzado » cargar primero mi codigo javascript

  • Resuelto rodrigo1989

    (@rodrigo1989)


    Buenas! Tengo un problema, mi cliente cuando actualiza la página no quiere que se desordene el contenido, la unica solución que encontre fue insertando un fadein() a la página para tapar la carga del código y que no se desordene, pero igual carga antes el contenido y luego ejecuta el script. me gustaria saber si existe la manera de dar prioridad a mi codigo script.

    este es el código:

    <script src="https://code.jquery.com/jquery-3.2.1.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        setTimeout(function() {
            $("#et-main-area").fadeOut(0);
        },0);
     
        setTimeout(function() {
            $("#et-main-area").fadeIn(500).delay(3000);
        },500);
    });
    </script>

    este es un gif del error, primero carga una parte el contenido y luego ejecuta el script: https://drive.google.com/file/d/15LAWUVlhWMIsVHRCusQjUkGm3pur_Z_j/view?usp=sharing

    • Este debate fue modificado hace 3 semanas, 6 días por rodrigo1989.
    • Este debate fue modificado hace 3 semanas, 3 días por Fernando Tellado. Razón: Movido al foro adecuado

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Hola @rodrigo1989

    Te recomiendo que ocultes el contenido con css
    #et-main-area { display:none; }

    Y que después cuando se carga el contenido ejecutes el jquery

    $(document).ready(function() {
      $("#et-main-area").fadeIn(500).delay(3000);
    });

    No hace falta que vuelvas a insertar el jquery ya que WP lo lleva de serie, y si un caso revisate como incluir todo ese código de manera natural y no tan manual dentro del html.
    https://developer.wordpress.org/reference/functions/wp_enqueue_script/

    Espero que te funcione con lo que te paso y vuelvas al foro a comentar tus progresos y marcar el debate como resuelto.
    Salut!

    Hola, gracias, lo voy a porbar de esa manera. de todas formas lo pude arreglar con con código css, delimitando los bordes con max-width para que no cambien de tamaño el header y el footer al cargar una página.

    Gracias!

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Debes estar registrado para responder a este debate.