如果 img 是某个高度，则设置高度/边距的 javascript

Question

基本上我想要做的是，如果它在屏幕上小于 160px/10em，则将 img 高度设置为 100%。虽然我没有使用 javascript 的经验。经过几次谷歌搜索后，这就是我想出来的。

if ($('#Photo_Crop img').height() < 160) {
    then ('#Photo_Crop img').style.height = "100%";}

但令人惊讶的是它不起作用。 这是使用的html。

<div id="Photo_Crop"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></div>

这就是css。

    #Photo_Crop {
    height:64%;
    overflow:hidden;    
}

#Photo_Crop img {
    transition:margin-bottom 0.333s, margin-top 0.333s;
    margin-bottom:-16%;
    margin-top:-16%;
    z-index:-1;
}

#Photo_Crop:hover {
    height:100%;
}

#Photo_Crop img:hover {
    margin-bottom:0;
    margin-top:0;
}

正如你所见，我的代码裁剪了一张图片，直到你将鼠标悬停在它上面然后它会显示整个图片。这是为了节省 Tumblr 博客的空间。除非您获得非常宽的图片（例如全景图），否则它的效果很好，因为全景图将被裁剪并看起来很小。任何解决此问题的帮助将不胜感激。

Answer 1

javascript 中没有“then”。另外你忘记了第二个括号前面的第二个 $ 符号，然后我猜你不能使用“100%”来检查高度。