1

私はこの画像タグを持っています：

<img id="sidebar" src="images/homepageSidebar.jpeg" style="max-height:800px; float:left; padding-left:10px;"/>

画像の横にテキストを配置できるように、画像の幅を取得しようとしています。次の関数を実行すると、sidebarWidth が 0px になります。

$(document).ready(function (){
    var sidebarWidth = $('#sidebar').width(),
        introPosition = sidebarWidth + 10;

    $('#intro').css({ left:introPosition });

    console.log(sidebarWidth);
    console.log(introPosition);

});

誰かが私の間違いを見ていますか？ありがとう。

4

1 に答える 1

4

$(document).readyDOM が構築されたときに、画像などのすべてのリソースが読み込まれる前に起動します。window.loadイベントを使用する必要があります。

$(window).on('load', function (){
    var sidebarWidth = $('#sidebar').width(),
        introPosition = sidebarWidth + 10;

  $('#intro').css({ left:introPosition });

  console.log(sidebarWidth);
  console.log(introPosition);

});
于 2013-07-07T16:59:36.620 に答える