2014-03-13 42 views
1

你好,我有这个问题,出于某种原因,只有当我上传到我的网站服务器时出现的问题是我需要一组图像与另一组div的大小相同我需要这个函数来加载就绪和调整大小,但只有当我调整文档/窗口的大小而不是准备好/加载时,该功能才会工作,当我需要它做这两个。jQuery的准备和调整大小功能不起作用

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

    }); 

}); 
+0

看到有需要更改,所以我可以做的集装箱来代替,因为无论这些工作 – andrew196

回答

2

那么你要添加的内部$(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); 
} 
+0

这是一样的,即使我把它们分开 – andrew196

+0

多张图片@ user3329290你是什么意思单独? –

+0

我在文档准备好了一些更多的功能,所以当我从文档中删除ready和resize函数时,它会做同样的事情。 – andrew196

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

    });