jQuery: problema de carga, solo funciona si uso alert()

[Cain]

Hola,

Tengo la siguiente instrucción jQuery en una página:

Código:

$(document).ready(function {
    $('#caja').html("Texto de prueba");
});

#caja es un div que existe en el código.

Tengo este código al final de todo del documento, justo antes de </html>.

Tal como lo he puesto arriba, no hace nada ni muestra ningún error. #caja se queda con el texto que venía y no cambia a "Texto de prueba".

En cambio, si le pongo un alert antes, así:

Código:

$(document).ready(function {
    alert();
    $('#caja').html("Texto de prueba");
});

Muestra una alerta vacía, como es de esperar, y entonces sí me cambia el contenido de #caja a "Texto de prueba".

¿Se os ocurre qué puedo estar haciendo mal o alguna solución que pueda probar?


Gracias,

[jonni09lo]

Hola, yo he experimentado ese comportamiento en algunos navegadores... así que si veo que empieza a molestar he hecho esto

Código Javascript:

$(document).ready(function(){
    setTimeout(function(){
        $('#caja').html("Texto de prueba");
    }, 10);
});
 

Es la única solución que he encontrado (incluso en las paginas que investigue también aconsejaban esta manera). Espero te sirva.

Saludos

[PHPeros]

También luedes usar body onload, la verdad es que hay lío entre ellos, pero cambiar el html justo después de que se carge el DOM puede generar problemas para algunos navegadores. Es buena idea hacer el timeout o simplemente llamarlo desde el atributo onload aunque no consigas los mismos efectos pero te dará menos guerra.

Saludos

[Cain]

Muchas gracias por vuestra ayuda, he logrado hacerlo funcionar cambiando el flujo de negocio :)