javascript - 使所有图像的高度最大

Question

$(document).ready(function() {
            var enbuyuk = 0;
            var height = 0;
            $("#onecikanresim0").load(function() {
                enbuyuk = $(this).height();
            });

            var sinir = <?php echo count($urunler); ?>;
            for(var i=1; i<sinir; i++){
                $("#onecikanresim"+i).load(function() {
                    height = $(this).height();
                });
                if(height > enbuyuk){
                    enbuyuk = height;
                }
            }

            for(var i=0; i<sinir; i++){
                $("#onecikanresim"+i).src("height", enbuyuk);                   
            }
</script>

我想要所有图像达到最大高度。但这段代码不起作用。我认为 load 可以回调。但我不知道如何解决它。有人可以帮助我吗？

enbuyuk 表示最大高度

sinir表示图像数量

Answer 1

$("#onecikanresim"+i).src("高度", enbuyuk);

这不是分配高度的正确方法吗，我认为 .src() 甚至无效。

尝试:

$("#onecikanresim"+i).css("高度", enbuyuk);

这不是您唯一的问题。您在使用 enbuyuk 之前，它会被分配除 0 以外的任何内容。 $("#onecikanresim0").load() 之后的所有内容都将在回调之前运行。

很难说出你期望的逻辑如何流动，但下面的内容会让你更接近。老实说，您可能想要重构整个事情，因为您最终会陷入回调 hell 。您不一定需要 .load()。您只需检查高度，因为您的代码位于 jQuery $(document).ready() 中，并且您可以合理地假设图像已加载。

var enbuyuk = 0;
var height = 0;

$("#onecikanresim0").load(function() {
    enbuyuk = $(this).height();

    var sinir = <?php echo count($urunler); ?>;
    for(var i=1; i<sinir; i++){
        $("#onecikanresim"+i).load(function() {
            height = $(this).height();

            if(height > enbuyuk){
             enbuyuk = height;
            }
        });

    }

    for(var i=0; i<sinir; i++){
        $("#onecikanresim"+i).src("height", enbuyuk);                   
    }

});