ColdfusionタブでJavaScriptスタイルの幅を作成します

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つあります。

問題があれば100％は分かりませんが、cflayoutの後にスクリプトを置いてjsを実行しようとする前にそのページにレンダリングされていることを確認してください。あなたが本当に離れてのColdFusionのマークアップタグから滞在し、HTML/CSSを自分で作成する必要があり

<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>