Foros del Web » Programando para Internet » Javascript » Frameworks JS »

detectar carga css

Estas en el tema de detectar carga css en el foro de Frameworks JS en Foros del Web. Hola, necesito detectar cuando un css se ha cargado. Estoy utilizando una funcion en jquery que añade el css al dom. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript ...
  #1 (permalink)  
Antiguo 10/03/2011, 16:28
 
Fecha de Ingreso: junio-2009
Mensajes: 309
Antigüedad: 14 años, 9 meses
Puntos: 5
detectar carga css

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:
Ver original
  1. jQuery.getCSS = function( url, media ) {
  2.                 jQuery( document.createElement('link') ).attr({
  3.                     href: url,
  4.                     media: media || 'screen',
  5.                     type: 'text/css',
  6.                     rel: 'stylesheet'
  7.                 }).appendTo('head');
  8.             };

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:
Ver original
  1. $(document).ready(function(){
  2.         $.getScript("js.js", function(){
  3.             $.getCSS("css.css");
  4.             funcion();
  5.         });
  6.     });

Alguna idea de como meterle callback?
  #2 (permalink)  
Antiguo 10/03/2011, 16:37
 
Fecha de Ingreso: junio-2009
Mensajes: 309
Antigüedad: 14 años, 9 meses
Puntos: 5
Respuesta: detectar carga css

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();
});

Etiquetas: carga, css
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:44.