AJAXリクエストから受信した現在のドキュメントでCSSスタイルを適用する方法は？

Question

私はのように、いくつかのCSSのIDを返しますAJAX要求、持っている：

#id1{something:something} 
#id2{something:something} 
#id3{something:something} 
...etc ect 

は、私はJavascriptを/ jQueryのを使用して、現在の文書（AJAX要求を行った文書）にこれらのIDを追加することができます任意の方法はあります？あなたが/編集<style>タグを作成して、そこに自分のものを置くことができます

ことができます場合、私は、jQueryとJSON変数を使用して、AJAXリクエストを作る...

Answer 1

ではなくCSSを取得し、文書に挿入する心配するAJAXを使用して、あなただけの動的文書に<link>タグを追加することができます。

<link rel="stylesheet" type="text/css" href="..." /> 

hrefはその後、必要に応じ、必要なパラメータを含める必要がありますCGIスクリプトによって。

var url = "......"; // including parameters 

var script = $('<link>', { 
    rel: 'stylesheet', 
    type: 'text/css', 
    href: url 
}).appendTo(document.head); 

ブラウザは自動的に新しいCSSファイルの読み込みをトリガーします。あなたが完了をキャッチしたい場合は、​​ハンドラを追加できるはずです。

Answer 2

、ブラウザがそれを認識し、それを適用します。

Answer 3

なぜ、あなたのAJAX機能が

var data = {id1: {something: something}, id2: {something: something}, id3: {}} 

のようなJSONオブジェクトを返し、適用していないこと

$.each(data, function(index, item) { 
    $('#' + index).css(item); 
}); 

を使用して