jquery resize函数在加载时未在Safari或Chrome中启动
我有一个jquery脚本,它有很多函数,在调整窗口大小时不断触发。 调整大小功能都是在以下时间触发的:jQuery(window).load(function(){ 通过射击:jquery resize函数在加载时未在Safari或Chrome中启动,jquery,google-chrome,safari,resize,Jquery,Google Chrome,Safari,Resize,我有一个jquery脚本,它有很多函数,在调整窗口大小时不断触发。 调整大小功能都是在以下时间触发的:jQuery(window).load(function(){ 通过射击: $(function(){ $(window).resize(function(){ // code goes in here $(window).resize(); }); 有一段代码用于计算div中元素的尺寸,以计算父元素的最终长度: var vWidth = 0; var accum_widt
$(function(){
$(window).resize(function(){
// code goes in here
$(window).resize();
});
有一段代码用于计算div中元素的尺寸,以计算父元素的最终长度:
var vWidth = 0;
var accum_width = 0;
$(".interior_container").each(function(){
var this_interior = this;
var accum_width = 0;
$(this_interior).find('.scroller_image_box').each(function() {
accum_width += $(this).width();
});
var contTitle = $(this_interior).find('.interior_titleSlate').width();
var contFormula = accum_width + contTitle;
vWidth += contFormula + 1;
});
$('.allContainers').width(vWidth + 10);
因此,这会测量.interior\u container中所有元素的所有宽度,然后将它们相加,然后逐步遍历所有.interior\u container div并将它们相加,以获得.allContainers的宽度
我可以在firefox中很好地实现这一点,但在chrome或safari中无法实现
在我调整窗口大小的那一刻,它立即做了它需要做的事情
我需要做什么才能让他们在chrome和safari中开火?我这样做,但从来没有遇到过问题。我通常
限制大小调整事件,因为它们可能会变得非常疯狂
var $window = $(window);
$window.on('resize', function(){
// Some codes!
}).trigger('resize');
firefox会在窗口大小改变时触发resize事件。chrome和safari只在窗口大小停止改变时才会触发。所以我想我需要在加载窗口时尝试触发代码,你能想出一个原因吗?当我只是将其包含在标准窗口中时,它不起作用。准备好了代码吗?好的,我让它工作了。我只需要写一个s分离包含.allContainers width公式的函数,然后在页面就绪后调用该函数。这给了我相同的结果,它对其他所有操作都很好,只是在我实际调整大小之前不会触发宽度计算。您正在为每次迭代设置accum\u width=0
。谢谢我需要每次重置accum_width,因为它用于测量每个.interior_容器,由于图像和大小的不同,这些容器都不同。我现在通过调用函数(见上文)对其进行排序,但感谢您的建议,以帮助限制重定大小事件。