0

ページの中央にある div にメイン コンテンツがあり、両側に 2 つの画像があり、影として機能します。ページの長さは変わる可能性があるので、それに合わせて影の長さも変えたいと思います。

HTML の設定は次のとおりです。

<div id="content">
<div class="shadow_container">
    <img src="catalog/view/theme/furniture/image/left-shadow.png" height="400px" width="61px" id="left_shadow"/>
        <div class="main_container">

            pagecontentpagecontentpagecontent

        </div>
    <img src="catalog/view/theme/furniture/image/right-shadow.png" height="400px" width="61px" id="right_shadow"/>
</div>

jQuery は次のとおりです。

$(".shadow_container").load(function(){
    var shadowHeight = $(".shadow_container").height();
    var newShadowHeight = shadowHeight+85+" px";

    $("#left_shadow").height(newShadowHeight);
    $("#right_shadow").height(newShadowHeight);
});

どこが悪いの!?

明確にするために、最後の 2 行で絶対値を使用してテストしましたが、何も起こりません。

外部スクリプトの他のすべての jQuery は機能し、このセクションはドキュメントの準備が整った直後にあるのに、なぜこれが実行されないのでしょうか?

4

2 に答える 2

2

pxvar newShadowHeight = shadowHeight+85+" px";を削除すると、次のようになります。 var newShadowHeight = shadowHeight+85;

また、高さを取得するのと同じ方法で、高さを設定するための短縮形を使用できます。

$("#left_shadow").height(newShadowHeight);
$("#right_shadow").height(newShadowHeight);

そのため、本体負荷時に自動的に影を変更するように書き直されました。

$(function(){
    var shadowHeight = $(".shadow_container").height();
    var newShadowHeight = shadowHeight+85;

    $("#left_shadow").height(newShadowHeight);
    $("#right_shadow").height(newShadowHeight);
});
于 2012-08-08T12:51:34.293 に答える
0

「px」なしで試してください。ただの数字。

于 2012-08-08T12:50:54.430 に答える