javascript - 変数の設定はページの読み込みでは機能しませんが、コンソールでは機能しますか?

Question

私は何かが欠けているに違いない。私のスクリプトは次のとおりです。

var slideshowUL = jQuery('div.slideshow').css('overflow', 'hidden').children('ul'),
    imgs = slideshowUL.find('img'),
    imgWidth = imgs[0].width,
    imgsLen = imgs.length,
    current = 0;

    console.log(slideshowUL);
    console.log(imgs);
    console.log(imgWidth);
    console.log(imgsLen);
    console.log(current);

出力は次のとおりです。

[ul, prevObject: p.fn.p.init[1], context: document, selector: "div.slideshow.children(ul)", constructor: function, init: function…]
[img, img, img, img, prevObject: p.fn.p.init[1], context: document, selector: "div.slideshow.children(ul) img", constructor: function, init: function…]
0
4
0 

画像の幅を取得していません。上記のコードをコンソールに直接貼り付けると、正しい値 (750) が返されます。