cargar varios div con jquery sin cargar el html

jbryan1093 · #1 (**permalink**) 15/03/2015, 23:21

Hola,
Tengo una página avanzada con php, y tengo muchos div con consultas. No se como implementaría un cargador a cada div independiente con una gif .

Tengo esta codigo para cargar, pero solo es para toda la página. La verdad es que se demora algunos div y no todos necesitaría un cargador.

Código HTML:

<body> <div id="cargador">Cargando...</div><!--Aquí empieza el resto de tu  contenido... --></body>

Código:

#cargador {    position:absolute;    top:0px;    left:0px;    width:100%;    height:100%;    background-color:white; }

Código:

<script type="text/javascript">
$(document).ready(function()    {
       $('#cargador').fadeOut(1000);
        });
</script>

diurno10 · #2 (**permalink**) 16/03/2015, 07:37

nose como estas cargando los demas div, pero en fin, yo haria esto, colocaria en cada llamada esta instruccion

Código Javascript:

Ver originalvar capaCargador = $('<div class="cargador"></div>');
capaCargador.fadeIn();

Fijate que utilizo una clase y no un ID, ya que si utilizo el ID y este ya existe en el DOM no me va a funcionar.

Cualquier duda me avisas.

moscrates · #3 (**permalink**) 18/03/2015, 00:13

Usa ajax o load