2011-12-17 4 views
0

div로 함수에 의해 생성 된 폭과 높이를 동적으로 변경할 수 있기를 원합니다. 아래의 코드는 작동하지만 스타일 규칙은 HTML 문서에서 직접 추가되므로 피해야 할 대상입니다. 대신 속성을 CSS 파일에 직접 추가하고 싶습니다. 그 방법을 얻을 수 있습니까? (위하고있는 같은) 당신은 jQuery를 또는 JavaScript를 사용하여 CSS 파일에 직접 기록 할 수 없습니다CSS 규칙에서 CSS 규칙을 직접 변경하십시오.

...function(width, height) { 

var div = $('<div/>', { 
    class': 'window', 
    width': width, 
    height': height 
}).appendTo('#content'); 

} 

답변

1

jquery가있는 CSS 파일에 클래스를 추가해야하는 이유는 무엇입니까? 이 작업은 직접 수행 할 수 없습니다. HTML 페이지의 <head> 태그에 <style>....</style> 태그를 추가하면 jQuery가 많이 지원됩니다.

var myStyle = { "width": "100%", "height": "90%" }; 
$('#content').css(myStyle); 

또는

$("<style type='text/css'>#content { width: 100%; height: 90% }</style>").appendTo("head"); 

또는

$.rule('#content{ width: 100%; height: 90% }').appendTo('style'); 

을하지만 사용 $.rule에 대한 plugin 사용할 필요가 기억 : 당신은이 문제를 해결하려면 다음 방법을 사용할 수 있습니다.

+0

그래,이게 효과가있다.하지만 내 HTML 페이지를 CSS에서 깨끗하게하고 싶다. 머리에서도. – holyredbeard

+0

@Arif 당신은 '$ .rule'이 jquery 코어에서 지원되지 않는다고 언급해야합니다. 플러그인을 포함해야합니다. – Rafay

+0

@ 3nigma 감사합니다. 이제 수정되었습니다. –

4

, 당신은 라이브/렌더링 된 HTML에 추가 할 수 있습니다.

CSS에 클래스를 추가하고 jQuery를 사용하여 해당 클래스를 DIV에 추가하거나 전환하지 않는 이유는 무엇입니까?

관련 문제