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

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

    });