jQuery를 통해 의사 요소 높이를 설정하십시오.

Question

의사 요소를 다른 div에 상대적으로 설정하려고합니다. 그러나 직접적으로 설정할 수는 없으므로 머리에 요소를 추가하려고 시도했지만 필요한 경우 변수를 사용하지 마십시오.

여기 내 코드입니다.

var sectionHeight = 0; 
     $(window).load(function(){ 
      sectionHeight = $('.checkheight').outerHeight(true); 
      $("#section1::before").css({"height":sectionHeight}); 


     }) 

내가 jQuery를 통해 CSS의 의사 요소의 속성을 설정할 수 없습니다 알기 전에 내가 먼저했다

이 내가 지금

var sectionHeight = 0; 
     $(window).load(function(){ 
      sectionHeight = $('.checkheight').outerHeight(true); 


     }) 
     $('<style>#section1:before{height: sectionHeight }</style>').appendTo('head'); 

무슨이지만 원 무엇

변수를 사용하여 높이를 설정하지 마십시오.

아무도 내 문제에 대한 적절한 해결책을 알고 있습니까?

Answer 1

당신은 그것은 요소에서했던 onload 핸들러

$(window).load(function(){ 
    var sectionHeight = $('.checkheight').outerHeight(true); 

    $('<style>#section1:before {height: ' + sectionHeight + 'px;}</style>').appendTo('head'); 
});