detectar carga css

[leif_sk8er]

Hola, necesito detectar cuando un css se ha cargado. Estoy utilizando una funcion en jquery que añade el css al dom.

Código Javascript:

jQuery.getCSS = function( url, media ) {
                jQuery( document.createElement('link') ).attr({
                    href: url,
                    media: media || 'screen',
                    type: 'text/css',
                    rel: 'stylesheet'
                }).appendTo('head');
            };
 

es una forma simple similar a como trabaja getScript pero con getScript no se puede cargar css. El problema es que con getScript tenemos callback de cuando ha sido cargado, pero con esta no. Con lo que ejecuta funcion() antes de que sea cargado css completamente al utilizar lo siguiente:

Código Javascript:

$(document).ready(function(){
        $.getScript("js.js", function(){
            $.getCSS("css.css");
            funcion();
        });
    });
 

Alguna idea de como meterle callback?

[leif_sk8er]

Para quien tenga el mismo problema he encontrado un plugin perfecto:
Ejemplo: http://furf.com/getCSS/
CodeSource: https://github.com/furf/jquery-getCS...uery.getCSS.js

Tb está minificado:
https://github.com/furf/jquery-getCS....getCSS.min.js


Uso:
$.getCSS(url, options, callback);

Ejemplo:
$.getCSS('http://sexyjs.com/css/sexy.css', function () {
$('#description').show();
});