CSS를 MySQL에 추가 한 다음 jQuery .CSS(); 기능

Question

나는 DB에이 CSS를 저장 한 : 나는 DB에서 CSS를 당겨 변수에 추가하고 그 변수를 경고 할 때

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

:

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

이것은 SQL 업데이트입니다 반환되는 내용 :

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

올바른 정보로 보입니다.

NEXT : 해당 변수를 CSS에 추가하는 경우 : $ ('. something'). CSS (변수);

작동하지 않습니다.

그러나이 : ​​ I는 DB로부터 데이터를 풀링하는 단계를 건너 뛰고이 할 경우

VAR 변수 = "{"에 backgroundColor ''RGBA (53, 162, 185, 0.3) ", 'width': '800px', 'bottom': '0px', 'left': '0px', 'height': '7px'} ";

다음과 같이 CSS를 호출하십시오. $ ('. something'). CSS (variable);

작동합니다.

질문 : 데이터베이스에서 세부 정보를 가져 오는 동안 뭔가 빠져 있어야합니다. 방화 광에서 변수를 볼 때 .... 잘린 것처럼 보입니다. 그런데 왜 경보가 정확한 정보를 보여줄 것입니까?

나는 또한 DB 문자열을 [li]에 에코 팅했고, 방화 광에서이 문자열을 볼 때 잘린 것처럼 보인다. 아래 그림을 참조하십시오.

사항은 정보가 잘립니다.

어떤 아이디어? !!

Answer 1

변수를로드하는 방법은 객체를 원할 때 문자열을로드하는 것이라고 생각합니다. 문자열을 객체로 변환하고 css()에로드하십시오.

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

.css(obj);