为什么我不能't检测样式变化从Chrome插件，直到我调用setTimeout

基本上，我正在检测隐藏广告的CSS的存在，如果我发现它，我想显示一个小消息。然而，我发现，即使所有这些代码在dom加载时执行($(function(){}))，它仍然只有在我设置超时时才有效，即使超时为零。有没有人知道为什么会发生这种情况(在Mac上的Chrome中测试)

function detect(callback){
for (var x = 0; x < document.styleSheets.length; x++) {
    var rules = document.styleSheets[x].cssRules;
    for (var i = 0; i < rules.length; i++) {
           if(rules[i].style.display == 'none' && [].slice.call(rules[i].selectorText.match(/ads/ig), 0).length > 10)
           {
                return callback()
           }
    }
}
}

    // fails, the plugins css hasn't been applied yet
    detect(function(){
              $("#sorryYouDontLikeOurAds").show()
          })
    // but this works even with a timeout of zero
    setTimeout(function(){ 
          detect(function(){
              $("#sorryYouDontLikeOurAds").show()
          })
       }, 0);