动态加载的样式表与回调

Question

http://www.phpied.com/when-is-a-stylesheet-really-loaded/

使用该解决方案除了在Chrome加载样式表有回调伟大的工作。

在Chrome（v18）中，我仍然可以看到正在应用的CSS，这会根据动态加载的CSS中的高度和宽度设置锁定一些其他函数。

任何想法???

谢谢！

Answer 1

WebKit中，您可以通过查询修改document.styleSheets，这里要说的是做，在lazyload（从https://github.com/rgrove/lazyload/blob/master/lazyload.js拍摄）功能

或者只是使用该插件它的js太:)

function pollWebKit() { 
    var css = pending.css, i; 

    if (css) { 
     i = styleSheets.length; 

     // Look for a stylesheet matching the pending URL. 
     while (--i >= 0) { 
     if (styleSheets[i].href === css.urls[0]) { 
      finish('css'); 
      break; 
     } 
     } 

     pollCount += 1; 

     if (css) { 
     if (pollCount < 200) { 
      setTimeout(pollWebKit, 50); 
     } else { 
      // We've been polling for 10 seconds and nothing's happened, which may 
      // indicate that the stylesheet has been removed from the document 
      // before it had a chance to load. Stop polling and finish the pending 
      // request to prevent blocking further requests. 
      finish('css'); 
     } 
     } 
    } 
    }