jQuery 函数没有使用变量

Question

我在 stackoverflow 上找到了一个代码来检查图片是纵向还是横向，并添加 css 宽度和高度格式。

在让它工作之后(因此到处都是 $LSC)，我发现它立即跳转到“else”，并且只输出那个结果。 (所有图像的宽度自动和高度 100%)

我的问题是，我应该在代码中更改什么才能使其工作并真正比较宽度和高度？

var $LSC = jQuery.noConflict();

$LSC(document).ready(function(){

    $LSC(".pg-cat-image").each(function(){    
        var real_width = $LSC(this).width();
        var real_height = $LSC(this).height();
        var parentwidth = $LSC(this).parent().width();
        var parentheight = $LSC(this).parent().height();

        var ratioParent = parentwidth / parentheight;
        var ratio = real_width / real_height;    

        if (ratioParent < ratio) {        
            $LSC(this).css({'width' : '100%', 'height' : 'auto'});
        }else{
            $LSC(this).css({'width' : 'auto', 'height' : '100%'});
        }
    });

});

Answer 1

我不明白你为什么要涉及父容器。不能只比较图像的宽度和高度吗？

var $LSC = jQuery.noConflict();

$LSC(document).ready(function(){

    $LSC(".pg-cat-image").each(function(){    
        var real_width = $LSC(this).width();
        var real_height = $LSC(this).height();  

        if (real_width > real_height) {        
            // The image is landscape
        } else if (real_width < real_height) {
            // The image is portrait
        } else {
            // The image is square
        }
    });
});