javascript - jquery 就绪和调整大小功能不起作用

Question

您好，我遇到了这个问题，由于某种原因，只有当我将其上传到我的网站服务器时才会出现问题，问题是我需要一组图像与另一组 div 的大小相同，并且我需要此函数在准备就绪时加载并调整大小，但该函数仅在我调整文档/窗口大小而不是就绪/加载时才起作用，当我需要它同时执行这两项操作时。

$(document).ready(function(){


$(window).on('resize ready', function(){

        var heightval = $('#main-contentp1').height();
        $("#fom-desc").height(heightval);
        var heightvalb = $('#moodboard-box-ca').height();
        $("#vmt-pic-sec").height(heightvalb);
        var heightvalc = $('#view-blog-seca').height();
        $(".vmt-pic-sec").height(heightvalc);

    });

});

Answer 1

那么，您将在 $(document).ready() 中添加 ready 事件监听器，该监听器仅在文档准备就绪后运行。所以准备好的人不会被解雇。

试试这个:

$(document).ready(function(){
myFunction();
$(window).on('resize', myFunction);
});

function myFunction(){
 var heightval = $('#main-contentp1').height();
    $("#fom-desc").height(heightval);
    var heightvalb = $('#moodboard-box-ca').height();
    $("#vmt-pic-sec").height(heightvalb);
    var heightvalc = $('#view-blog-seca').height();
    $(".vmt-pic-sec").height(heightvalc);
}