Javascript CSS flex增长值不响应单击事件

我制作了一个简单的单元转换器，将像素值转换为相对比率值，然后将这些比率值设置为一系列框的“flex grow”属性的值（在屏幕截图的右上角）

这是一个截图

现在，这是我得到的

JS:

$（'.calc btn'）。单击（函数（）{
var输入=[]；
$（'.input box input'）。每个（函数（）{
var num=parseFloat（$（this.val（））；
输入。推送（num）；
});
var minValue=Math.min.apply（数学，输入）；//获取数组中的最小值
//计算部分
对于（i=0；i

问题是，除了将$（'.demo tile'）的flex grow值更改为输入[i]的命令外，click事件中的每个命令都正确执行。更奇怪的是，我可以输入一个数值，比如说“10”，而不是输入[I]，它会工作。我还能够使用输入[I]成功地设置每个框的文本值。我似乎无法让flex grow属性接受输入[I]作为值

我想出来了

我需要将值转换为字符串，以便.css（）接受它

最终javascript：

$('.demo-tile').each(function(i){

        $(this).css('flex-grow',inputs[i].toString());

});

---

你测试过哪些浏览器？只是在chrome中工作。我真的没有在其他地方测试过。但是flex grow属性在页面的其他位置工作。。。

$('.demo-tile').each(function(i){

        $(this).css('flex-grow',inputs[i].toString());

});