Controlar la forma en que se carga una pagina con jQuery

Joconut es un plugin jQuery gratuito para controlar la forma en que se carga una pagina. Mediante este sencillo script podemos verificar fácilmente los distintos estados en los que se encuentra una pagina al momento de descargarse.

Este proyecto, y a diferencia de otras alternativas similares, es extremadamente liviano, apenas 1.3kb en su versión simplificada y comprimida mediante gzip.

Controlar la forma en que se carga una pagina con jQuery

Uno de los aspectos más interesantes de este plugin es que detecta la carga de scripts y hojas de estilo de manera automática. Brindando un control casi absoluto sobre como se cargan los distintos elementos. Al momento de iniciar el plugin podemos configurar los distintos estados para que se lance determinada acción al activarse.

Ejemplo de uso

$.joconut.on('error', function(){
    alert('Error while loading new page!');
});

$.joconut.on('new', function(){ // Page changed
    alert('New page!');
});

$.joconut.on('beforeNew', function(){ // page will be loaded now
    alert('Before loading new page');
});

$.joconut.on('afterNew', function(){ // page was just loaded
    alert('After loading new page');
});

Por defecto el plugin utiliza el elemento body para detectar las distintas instancias de carga. Este comportamiento puede ser fácilmente modificado, simplemente le indicamos el elemento que queremos utilizar para realizar las distintas comprobaciones, eso se hace de la siguiente forma:

$.joconut.container = '#container';

El plugin se encuentra liberado bajo licencia MIT, su autor se llama Vadim Demedes y permite la descarga gratuita desde su apartado en GitHub.

Web: Joconut

Categorizado en: