javascript 在jquery中调整图像大小不适用

bxjv4tth 于 2022-12-25 发布在 Java

关注(0)|答案(2)|浏览(121)

我想在页面加载时调整一些图像大小。2我写了以下代码：但有时适用，有时不适用。有什么想法吗？

$(document).ready(function () {
$( ".img-product" ).each(function( index ) {
        let h=$( this ).height();
        let w=$( this ).width();
        //console.log( index + ": " + w + ":" +h + ":" + $(this).attr('alt'));
        if( h>= 300)
        {
            $(this).removeClass("w-100");
            //console.log( index + ": " + w + ":" +h + ":" + $(this).attr('alt'));
            $(this).css({
                   'width' : 'auto',
                   'margin-right':'auto',
                   'margin-left':'auto'});
                   
                   
        }
         
});
})

JavaScript

来源：https://stackoverflow.com/questions/74906550/resize-image-in-jquery-dont-applied

2条答案

按热度按时间

41ik7eoe1#

您可以直接在图像上使用load事件，因此回调将在加载图像时在图像上执行。

$(document).ready(function () {
    $(".img-product").on("load", function() {
        let h=$(this).height();
        let w=$(this).width();
        //console.log( w + ":" +h + ":" + $(this).attr('alt'));
        if(h >= 300)
        {
            $(this).removeClass("w-100");
            //console.log( w + ":" +h + ":" + $(this).attr('alt'));
            $(this).css({
                   'width' : 'auto',
                   'margin-right':'auto',
                   'margin-left':'auto'});
                   
                   
        }
    });
})

赞(0）回复(0）举报 2022-12-25

8oomwypt2#

请使用此选项：

$(window).on('load', function() {
 // code here
});

代替

$(document).ready(function () {
//code
}

赞(0）回复(0）举报 2022-12-25

我来回答

javascript 在jquery中调整图像大小不适用

2条答案

相关问题

热门标签

最新问答