Jquery 图像大小调整无法正常工作

Jquery 图像大小调整无法正常工作,jquery,Jquery,所以我有这个功能,当人们点击某个链接时,它可以调整一些用ajax加载的大尺寸图像的大小。所以基本上我有一个侧栏,上面有一个用户列表,一旦你点击屏幕右侧的一个用户,你就会得到关于他的所有信息,图片的大小应该按比例调整到250宽。在我的例子中,有时当它加载的高度不正确时,它会比它应该的低很多,当我再次单击用户(再次加载)时,它会以正确的高度加载 这是我调整大小的功能 function resizeImage() { $(function() {

所以我有这个功能,当人们点击某个链接时,它可以调整一些用ajax加载的大尺寸图像的大小。所以基本上我有一个侧栏,上面有一个用户列表,一旦你点击屏幕右侧的一个用户,你就会得到关于他的所有信息,图片的大小应该按比例调整到250宽。在我的例子中,有时当它加载的高度不正确时,它会比它应该的低很多,当我再次单击用户(再次加载)时,它会以正确的高度加载

这是我调整大小的功能

function resizeImage()
            {
                $(function() {
                    var max_size = 250;
                    $(".asd img").each(function() {
                        if ($(this).height() > $(this).width()) {
                            var h = max_size;
                            var w = Math.ceil($(this).width() / $(this).height() * max_size);
                        }
                        else {
                            var w = max_size;
                            var h = Math.ceil($(this).height() / $(this).width() * max_size);
                        }
                        $(this).css({'height': h, 'width': w});
                    });
                });
            }
我在调用来自ajax的内容后调用此函数

$(document).on('click', '.search-resultb', function(e) {
                $('.tab-content').html('<img style="margin:200px 0px 0px 330px;" src="img/ajax-loader.gif"><br> <span style="margin:200px 0px 0px 320px;">Ucitavanje...</span>');
                $.post("search.php", {
                    mode: 2,
                    id: $(this).attr("data-plan-id"),
                    postPlan: $(this).text(),
                    postUser_level: <?php echo $ks->user_level ?>
                }, function(response) {

                    $('#pregled').html(response);
                     resizeImage();
                });
            });
$(文档)。在('单击','上。搜索结果B',函数(e){
$('.tab content').html('
Ucitavanje…'); $.post(“search.php”{ 方式:2, id:$(this.attr(“数据计划id”), 后计划:$(this).text(), 姿势水平: },功能(回应){ $('#pregled').html(回复); 调整图像大小(); }); });

如果我没有解释什么,请问我真的需要帮助。

我相信你可以通过添加
max width:250px到图像的CSS,或者干脆
宽度:250px。不需要js…如果你有一个图像标签,并指定宽度为“250”,高度将自动缩放以匹配比例,就像Ted建议的那样。您可以使用jQuery添加样式属性,或者直接在图像标签上设置宽度,我不知道这会按比例调整图像大小。谢谢你们。