jQuery에서 변수 사용 CSS 속성 행

Question

내가 시도한 것은 브라우저 높이를 계산하고 그 수를 약 20 % 줄인 다음 요소의 높이에 해당 수를 할당하는 것입니다. 문제는 요소가 스크롤 가능한 div 안에 있기 때문에 height: 80%을 할당하면 브라우저 높이가 부모 div 높이가 아니기 때문에 작동하지 않습니다. 또 다른 문제는 불행히도 강제로 !important 구문을 사용해야한다는 것입니다.

var browserHeight = jQuery(window).height(); 
var desiredHeight = browserHeight * 0.8; 
jQuery('##myID .myClass').attr('style', 'height: 100px !important'); 

난 그냥 !important을 잃지 않고, desiredHeight와 100px을 교체하는 방법을 알아낼 필요가 : 여기

는 내가 지금까지 가지고있는 것입니다.

나를 도울 수 있다면, 분명히 감사하겠습니다! 다른 (아마도 더 나은) 방법을 염두에두고 있더라도.

$('#myID .myClass').attr('style', 'height: ' + Math.round(desiredHeight) + 'px !important'); 

참고 : :)

Answer 1

당신은 단지 변수 문자열을 연결할 수있는 작업을해야 내가 선택에서 추가 파운드 기호를 제거, 그 원인있을 것입니다 예외. 또한 인라인 스타일이기 때문에 중요하지 않아야하며 요소에 대한 모든 CSS 규칙을 무시합니다. 나는 같은 CSS 방법을 사용하려면이 스위치 것 :

$('#myID .myClass').css('height', desiredHeight); 

Answer 2

이

가

var browserHeight = jQuery(window).height(); 
var desiredHeight = browserHeight * 0.8; 
jQuery('##myID .myClass').attr('style', 'height: '+desiredHeight+'px !important'); 

Answer 3

var browserHeight = $(window).height(); 
var desiredHeight = browserHeight * 0.8; 
jQuery('##myID .myClass').attr('style', 'height: '+ desiredHeight +'px !important');