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

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 -loop没有问题。它实际上正确设置left属性，但单独一个数字（0除外）对于此属性不是有效值。

尝试指定一个单位的样式，像这样：

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