cargar primero mi codigo javascript

  • Resuelto rodrigo1989

    (@rodrigo1989)


    hace 4 años, 3 meses

    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 4 años, 3 meses por rodrigo1989.
    • Este debate fue modificado hace 4 años, 3 meses 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)
  • Adrián de Grafreak

    (@adriandegrafreak)

    hace 4 años, 3 meses

    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!

    Iniciador del debate rodrigo1989

    (@rodrigo1989)

    hace 4 años, 3 meses

    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)
  • El debate ‘cargar primero mi codigo javascript’ está cerrado a nuevas respuestas.

Etiquetas