Title: cargar primero mi codigo javascript
Last modified: 31 de agosto de 2020

---

# cargar primero mi codigo javascript

 *  Resuelto [rodrigo1989](https://es.wordpress.org/support/users/rodrigo1989/)
 * (@rodrigo1989)
 * [hace 6 años, 1 mes](https://es.wordpress.org/support/topic/cargar-primero-mi-codigo-javascript/)
 * 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](https://drive.google.com/file/d/15LAWUVlhWMIsVHRCusQjUkGm3pur_Z_j/view?usp=sharing)
    -  Este debate fue modificado hace 6 años, 1 mes por [rodrigo1989](https://es.wordpress.org/support/users/rodrigo1989/).
    -  Este debate fue modificado hace 6 años, 1 mes por [Fernando Tellado](https://es.wordpress.org/support/users/fernandot/).
      Razón: Movido al foro adecuado
 * La página con la que necesito ayuda: _[[accede](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fes.wordpress.org%2Fsupport%2Ftopic%2Fcargar-primero-mi-codigo-javascript%2F%3Foutput_format%3Dmd&locale=es_ES)
   para ver el enlace]_

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)

 *  [Adrián de Grafreak](https://es.wordpress.org/support/users/adriandegrafreak/)
 * (@adriandegrafreak)
 * [hace 6 años, 1 mes](https://es.wordpress.org/support/topic/cargar-primero-mi-codigo-javascript/#post-12186891)
 * Hola [@rodrigo1989](https://es.wordpress.org/support/users/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/](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!
    -  Esta respuesta fue modificada hace 6 años, 1 mes por [Adrián de Grafreak](https://es.wordpress.org/support/users/adriandegrafreak/).
 *  Iniciador del debate [rodrigo1989](https://es.wordpress.org/support/users/rodrigo1989/)
 * (@rodrigo1989)
 * [hace 6 años, 1 mes](https://es.wordpress.org/support/topic/cargar-primero-mi-codigo-javascript/#post-12187028)
 * 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

 * [.js](https://es.wordpress.org/support/topic-tag/js/)

 * En: [WordPress Avanzado](https://es.wordpress.org/support/forum/wp-avanzado/)
 * 2 respuestas
 * 2 participantes
 * Última respuesta de: [rodrigo1989](https://es.wordpress.org/support/users/rodrigo1989/)
 * Última actividad: [hace 6 años, 1 mes](https://es.wordpress.org/support/topic/cargar-primero-mi-codigo-javascript/#post-12187028)
 * Estado: resuelto

## Debates

### Debates populares

### Debates sin respuestas

### Debates que no son soporte

### Debates resueltos

### Debates no resueltos

### Todos los debates