0

ブラウザウィンドウを調整しながら、画像の高さを動的に取得しようとしています。

console.log() を使用して値を取得し、結果が正しいかどうかを確認しましたが、どういうわけか結果は常に 0 です! 私は何を間違っていますか？

$(function(){
    var ScreenHeight = $(window).height();
    var ImageHeight  = $('#bkgImages').height();
    var ImageMove   = (ScreenHeight-ImageHeight)/2
    $('#wrapper').slideDown(500);
    $('#bkgScreen').animate({opacity: .5}, 700);
    $('#bkgImages').css({top: "-" + ImageMove + "px"});
    console.log(ImageHeight);           
});

ウィンドウの高さの結果は機能しますが、div要素の高さは機能しません。もう 1 つの問題は、ユーザーがブラウザー ウィンドウのサイズを調整するたびに実行する必要があるため、セッションごとに 1 回だけ結果を計算することです。どうすればそれを行うことができますか？

4

1 に答える 1

0

div の css プロパティに依存すると思います。こちらの回答を参照してください https://stackoverflow.com/a/10656669/693110。

つまり、プロパティを持つ div を指定する必要がありdisplay: inline-block;ます。

于 2012-10-06T06:59:34.730 に答える