jquery - jquery を使用して動的なスタイル値を取得する

Question

カスタムレスポンシブスライダーのアイデアで遊んでいて、スライダーコンテナーを「サイズ変更」で調整するのに苦労しています。最初の読み込みではすべての値が正しいのですが、サイズ変更時にスライダー幅を警告すると NaN が表示されます...読み込みでは機能するのにサイズ変更では機能しないのはなぜですか? コードはまったく同じです... Thx

var winwid = $(window).width();
    $('.panel').width(winwid);
var panelwid = $('.panel').css('width');
var panels = $('.panel').length;
var sliderwid = parseInt(panels) * parseInt(panelwid)
    $('.slider').width(sliderwid);

$(window).on('resize', function(){
    var winwid = $(window).width();
    var panelwid = $('.panel').width(winwid);

    var panels = $('.panel').length;
    var sliderwid = parseInt(panels) * parseInt(panelwid)

    //alert(sliderwid);
    //$('.slider').width(sliderwid);

});