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

您正在ready内添加$(document).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);
}

Answer 2

document.onready = whatToDoOnResizeOrLoad;
window.onresize = whatToDoOnResizeOrLoad;

function whatToDoOnResizeOrLoad(){

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

    });

jquery ready和resize函数不起作用

2 个答案: