El evento que indica que un elemento se ha cargado se llama onload
en la especificación de HTML y forma parte de los eventos que W3C Recommendation llama eventos intrínsecos y ocurren cuando el agente de usuario termina de cargar:
- la ventana (
window
)
- el documento (
document
o DOM)
- las ventanas
frame
que no tienen frameset
- el elemento
body
Los elementos div
a diferencia de document
o de body
no tienen un envento onload
que escuchar. Y no lo tienen porque no tiene ningún sentido que lo tengan: cuando haces esto en jQuery:
$(function()
{
console.log( "Todo cargado, el div incluido" );
});
Ya tienes un indicador de que el div
se ha cargado.
Si de todos modos quieres simular una especie de div ready puedes:
Recurrir a un atributo data
que otorgarías al div
y que escucharías en JS.
Aquí, en vez de Hola mundo
, podrías incluso poner una función con parámetros y ejecutarla con eval
. Además, tiene la ventaja de poder recuperar otros datos del elemento, como el id
.
$('[data-onload]').each(function() {
var elem = $(this);
var id = elem.prop('id');
var tipo = elem.prop('nodeName');
var txt = (tipo == "DIV") ? elem.text() : elem.val();
var data = elem.data('onload');
alert("Soy el " + tipo + " " + id + " | data: " + data + " | texto: "+txt);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="calendar" data-onload="Hola mundo">Lorem ipsum dolor sit amet</div>
<input id="txtNombre" data-onload="enviarInput(this.value)" value="Pedro" />
Otra forma sería colocando inmediatamente después del div
el código Javascript que quieres que se ejecute.
Veamos dos ejemplos, con un código directo, otro llamando una función:
<script type="text/javascript">
function onDivReady(msg)
{
alert(msg);
}
</script>
<div id="myDiv"></div>
<script type="text/javascript">
alert("div cargado.... un pseudo div ready");
</script>
<div id="myDiv2"></div>
<script type="text/javascript">
onDivReady("div 2 cargado.... un pseudo div ready con función");
</script>
load
al#edireserva
en vez que al#calendar
.