Coldfusion 탭은 자바 스크립트 스타일의 너비를 만듭니다.

Question

Coldfusion의 새로운 기능입니다. 탭 영역의 너비를 변경해야합니다. 최대 페이지가로드되면

<script> 
    $(document).ready(function() { 
     var x = screen.width - 100; 

     console.log(x); 
     $("[name=theTabs]").css({'width':x + 'px'}); 
    }); 
</script> 
<cflayout name="theTabs" type="tab" style="width: 10px;"> 

, 여전히 10px되는 탭 영역의 폭 .... 내가 잘못된 일을 할 수있는 무엇

: 이것은 내가 현재 가지고 다음 코드를 무엇입니까?

Answer 1

크기를 조정해야하는 4 개의 elemets가 있습니다.

중요한 점은 100 %를 모르지만, cflayout 이후에 스크립트를 삽입하여 js를 실행하기 전에 페이지에 렌더링되도록 할 수 있습니다.

<cflayout name="theTabs" type="tab" style="width: 10px;"></cflayout> 
<script> 
    $(document).ready(function() { 
     var x = screen.width - 100; 
     console.log(x); 
     $("#theTabs").css({'width':x +'px'}); 
     $(".x-tab-panel").css({'width':x +'px'}); 
     $(".x-tab-panel-header").css({'width':(x-2) +'px'}); 
     $(".x-tab-panel-body").css({'width':(x-2) +'px'}); 
    }); 
</script>