正确的outerWidth与变换：比例尺

Question

我有一个幻灯片显示除了活动的元素之外的所有元素都具有变换比例（0.925）。我需要获取所有元素的总宽度并将其应用于父项。

$(slides).each(function() { 
    console.log($(this).outerWidth()); 
    tot_width += $(this).outerWidth(); 
}); 

$('ul').css({width: tot_width}); 

tot_width由于元素的缩放而错误。我怎样才能解决这个问题？

Answer 1

你可以检查每一个元素是活动的，然后乘以比例因子：

$(slides).each(function() { 
    var width = $(this).outerWidth(); 
    if (!($(this).hasClass('active'))) { 
     width = width * .925; 
    } 
    tot_width += width; 
}); 

Answer 2

假设，你已经显示它们，你可以使用

tot_width += $(this)[0].getBoundingClientRect().width;