Tengo un script jquery que necesito ejecutar solo una vez que todo lo demás en la página, incluidos algunos otros javascripts (sobre los que no tengo control) hayan terminado de hacer lo suyo.
Pensé que tal vez hubiera una alternativa a $ (document) .ready pero no he podido encontrarla.
Respuestas:
Puede tener $(document).ready()varias veces en una página. El código se ejecuta en la secuencia en la que aparece.
Puede usar el $(window).load()evento para su código, ya que esto sucede después de que la página está completamente cargada y todo el código en los distintos $(document).ready()controladores ha terminado de ejecutarse.
$(window).load(function(){
//your code here
});$(window).on('load', function() { });ya que $ (window) .load () está en desuso.
Este bloque de código resuelve mi problema,
<script type="text/javascript">
$(window).bind("load", function () {
// Code here
});
</script>Varios $(document).ready()se dispararán en orden de arriba hacia abajo en la página. El último $(document).ready()se disparará al final de la página. Dentro del último $(document).ready(), puede activar un nuevo evento personalizado para que se active después de todos los demás.
Envuelva su código en un controlador de eventos para el nuevo evento personalizado.
<html>
<head>
<script>
$(document).on("my-event-afterLastDocumentReady", function () {
// Fires LAST
});
$(document).ready(function() {
// Fires FIRST
});
$(document).ready(function() {
// Fires SECOND
});
$(document).ready(function() {
// Fires THIRD
});
</script>
<body>
... other code, scripts, etc....
</body>
</html>
<script>
$(document).ready(function() {
// Fires FOURTH
// This event will fire after all the other $(document).ready() functions have completed.
// Usefull when your script is at the top of the page, but you need it run last
$(document).trigger("my-event-afterLastDocumentReady");
});
</script>Desde aqui :
// Add jQuery
var GM_JQ = document.createElement('script');
GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
GM_JQ.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(GM_JQ);
// Check if jQuery's loaded
function GM_wait()
{
if(typeof unsafeWindow.jQuery == 'undefined')
{
window.setTimeout(GM_wait,100);
}
else
{
$ = unsafeWindow.jQuery;
letsJQuery();
}
}
GM_wait();
// All your GM code must be inside this function
function letsJQuery()
{
// Do your jQuery stuff in here
} Esto esperará hasta que se cargue jQuery para usarlo, pero puede usar el mismo concepto, configurando variables en sus otros scripts (o verificándolos si no son su script) para esperar hasta que estén cargados para usarlos.
Por ejemplo, en mi sitio, utilizo esto para la carga asincrónica de JS y espero hasta que terminen antes de hacer algo con ellos usando jQuery:
<script type="text/javascript" language="JavaScript">
function js(url){
s = document.createElement("script");
s.type = "text/javascript";
s.src = url;
document.getElementsByTagName("head")[0].appendChild(s);
}
js("/js/jquery-ui.js");
js("/js/jrails.js");
js("/js/jquery.jgrowl-min.js");
js("/js/jquery.scrollTo-min.js");
js("/js/jquery.corner-min.js");
js("/js/jquery.cookie-min.js");
js("/js/application-min.js");
function JS_wait() {
if (typeof $.cookie == 'undefined' || // set in jquery.cookie-min.js
typeof getLastViewedAnchor == 'undefined' || // set in application-min.js
typeof getLastViewedArchive == 'undefined' || // set in application-min.js
typeof getAntiSpamValue == 'undefined') // set in application-min.js
{
window.setTimeout(JS_wait, 100);
}
else
{
JS_ready();
}
}
function JS_ready() {
// snipped
};
$(document).ready(JS_wait);
</script> ¿Ha intentado cargar todas las funciones de inicialización usando $().ready, ejecutando la última función jQuery que deseaba?
Quizás pueda usar setTimeout()en la $().readyfunción que desea ejecutar, llamando a la funcionalidad que desea cargar.
O utilice setInterval()y haga que el intervalo compruebe si se han completado todas las demás funciones de carga (almacene el estado en una variable booleana). Cuando se cumplen las condiciones, puede cancelar el intervalo y ejecutar la función de carga.
$(window).load(function(){...})