CSSをMySQLに追加し、jQuery .CSS（）で使用します。機能

Question

私はDBで、このCSSを格納しています

{backgroundColor: "rgba(53, 162, 185, 0.3)", 
width: "800px", 
bottom: "0px", 
height: "7px", 
left: "0px"} 

これは、SQLの更新です：

UPDATE `conjure`.`conjurevariables` SET `setting` = '{\'backgroundColor\': \'rgba(53, 162, 185, 0.3)\', \'width\': \'800px\', \'bottom\': \'0px\', \'left\': \'0px\', \'height\': \'7px\'}' WHERE `conjurevariables`.`id` = 27 

私がDBからCSSを引き出し、それを変数に追加し、その変数を警告これは返されるものである：これは正しい情報のように思える

{'backgroundColor': 'rgba(53, 162, 185, 0.3)', 'width': '800px', 'bottom': '0px', 'left': '0px', 'height': '7px'} 

。

NEXT： この変数をCSSに追加すると、 $（ '。something'）となります。

動作しません。

ただし、次の 私はDBからデータを引っ張るステップをスキップし、単にこれを行う場合：

VAR変数=「{ 'のbackgroundColor'： 'RGBA（53、162、185、0.3）'、 'width'： '800px'、 'bottom'： '0px'、 'left'： '0px'、 'height'： '7px'} ";

次に、CSSを次のように呼び出します。 $（ '。something'）。

です。

質問： データベースから詳細を取得するには、何か不足しているはずです。私がファイヤーバグの変数を見ると、切り詰めて見えます。しかし、アラートはなぜ正しい情報を表示するのでしょうか？

また、私はDB文字列を[li]にエコーしました。また、私はそれをファイヤーバグで見ると切り捨てられて見えます。下の写真をご覧ください。

情報が切り捨てられることに注意してください。

どのようなアイデアですか？

Answer 1

私はあなたがオブジェクトをしたいときに、変数、JavaScriptのものをロードする方法は文字列をロードしていると思う。文字列をオブジェクトに変換し、css（）にロードします。

var obj = jQuery.parseJSON('{"background-color":"#00ff00"}'); 
alert(obj.background-color === "#00ff00"); 

.css(obj);