jQuery：设置 2 个小数位

Question

我正在通过对所有子元素 (.project) 的宽度求和来计算我的父元素 (#projects) 的宽度。为了避免错误，我需要在父元素的宽度上添加 2 个小数位。这怎么可能？

$(window).on( "resize", function () {
   $(".project").width( $(window).width() / 3 );

   var sum=0;
   $("#projects .project").each( function(){ sum += $(this).width(); });
   $(".container").width( sum );
}).resize();

Answer 1

如果宽度不能被 3 整除，表达式$(window).width() / 3 显然会生成一个浮点值。

为了强制浮点值在结果中包含两位数，您可以使用

var sum = 0.0;

...


$(".container").width( sum.toFixed(2) );

编辑：请注意，并非所有浏览器/版本都可以正确处理小数像素 - 1.357px 可能以任意结果结尾...