仅适用于第一项的循环更改样式

Question

我正在尝试构建一个纯粹的javascript内容滑块，我在相同的问题上陷入了将近两个小时。

循环应该将所有“容器”div放在彼此旁边以便将来滑动。

jsfiddle

var sliderWidth = sliderActive[0].offsetWidth;

for (var i = 0; i < container.length; i++) {
    container[i].style.left = sliderWidth * i;
}

无法弄清楚为什么它只循环一次。有什么想法吗？

Answer 1

for - 循环没有错。它实际上正确地设置了left属性，但是单独的数字（除0之外）不是该属性的有效值。

尝试为样式指定单位，如下所示：

container[i].style.left = (sliderWidth * i) + 'px';