CSSがブックマークレットに適用されない

Question

私は単純なブックマークレットを作成しています（これまでにこれをしたことはありません）。スクリプトはうまく実行されますが（今はあまり効果がありません）、埋め込まれるCSSスタイルシートはHTML。次のように

アクティベーションリンクは（ドメインが変更された）である：

<a href="javascript:(function(){document.head.appendChild(document.createElement('script')).src='http://www.mydomain.co.uk/cloudlr/app/js/cloudlr.js?rand=' + Math.floor(Math.random()*99999);})();">Do this</a> 

その後と呼ばれるスクリプトは次のとおりです。

if (typeof jQuery == 'undefined') { 

    appendjQuery(); 

} else { 

    jsVersion = $().jquery; 
    versionArray = jsVersion.split('.'); 

    if (versionArray[1] < 6) { 

     appendjQuery(); 

    } else { 

     runthis(); 

    } 
} 

function appendCSS() { 

    var cloudlrCSS = document.createElement('link'); 
    cloudlrCSS.type = 'text/css'; 
    cloudlrCSS.href = 'http://www.mydomain.co.uk/cloudlr/app/css/screen.css'; 
    cloudlrCSS.media = 'all'; 
    document.head.appendChild(cloudlrCSS); 

} 

function appendjQuery() { 

    var cloudlrJS = document.createElement('script'); 
    cloudlrJS.type = 'text/javascript'; 
    cloudlrJS.onload = runthis; 
    cloudlrJS.onreadystatechange = function() { 

     if (this.readyState == 'loaded' || this.readyState == 'complete') { 
      runthis(); 
     } 

    } 
    cloudlrJS.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'; 
    document.head.appendChild(cloudlrJS); 
} 

function runthis() { 

    appendCSS(); 

    $(document).ready(function() { 

     $("img").each(function() { 
      var $this = $(this); 
      var imageWidth = $(this).width(); 
       $(this).before(imageWidth); 
     }); 

     var cloudlrOverlay = '<div id="cloudlr-content">This is some content.</div><div id="cloudlr-overlay"></div>'; 

     $("body").append(cloudlrOverlay); 

    }); 


} 

がうまくいけば、それはすべての非常に簡単です。

スクリプトはうまく実行されますが（jQuery）、CSSは適用されません。私が "生成されたソース"を見ると、CSSが正しく挿入され、ファイルへのリンクが機能していることがわかります。だから私は何が起こっているのか分からない。

私はこれが初めてで、ベストプラクティスとその解決策に関する追加の推奨事項を歓迎します。

多くのありがとう、 マイケル。

Answer 1

$("img").each(function(i,n) { 
    var $this = $(n);//don't know why this is here but hey 
    var imageWidth = $(n).width(); 
     $(n).before(imageWidth); 
}); 

これはよくある間違いです...私は、これはどのようなブラウザ