0

我将主要内容放在页面中间的一个 div 中，两边各有两张图片，充当阴影。页面长度可以变化，所以我希望阴影长度随之变化。

这是 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);
});

我哪里错了！？

好的，澄清一下，我在最后两行中使用绝对值对其进行了测试，但没有任何反应。

外部脚本中的所有其他 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 回答