동적 인 요소를 만들고 외부 css
파일에서 css
을 적용하고 jQuery
으로 속성에 액세스하려고합니다. 그것은 Firefox에서 작동하지만 그것은 Chrome
에 있지 않습니다.크롬 및 jquery CSS가 제대로 작동하지 않습니다.
CSS 파일 (myFile.css) :
.myClass {
width : 200px;
font-family : Verdana;
font-size : 12px;
}
다른 파일에 자바 스크립트 코드 (myFile.js) :
var title = $("<p/>").attr({id: "myId"}).addClass("myClass").appendTo(content);
var titW = title.width();
var titFSize = parseInt(title.css("fontSize"));
var titFFamily = title.css("fontFamily");
console.log(titW, titFSize, titFFamily); // Firefox returns good values, Chrome does not
모든 아이디어를 여기
은 예입니다? 감사합니다.
잘 작동합니다 (http://jsfiddle.net/nathan/jhky5/). Chrome은 귀하에게 무엇을 돌려 주나요? –
나는 CSS 파일이 충분히 빨리 로딩되지 않는다고 생각한다. 나는 100ms의 지연으로 setTimeout을 사용하고 속성을 다시 얻으려고 노력한다. – gabitzish