gpt4 book ai didi

jQuery 函数没有使用变量

转载 作者:太空宇宙 更新时间:2023-11-04 03:14:58 27 4
gpt4 key购买 nike

我在 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%'});
}
});

});

最佳答案

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

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

关于jQuery 函数没有使用变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28853542/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com