첫 번째 항목의 루프 스타일을 변경하는 경우에만

Question

나는 순수한 자바 스크립트 내용 슬라이더를 만들려고 노력하고 있으며 거의 ​​동일한 문제가 2 시간 동안 지속됩니다.

루프는 미래의 슬라이딩을 위해 서로 옆에있는 모든 "컨테이너"div를 배치합니다. 그것은 단지 한 번 루프 이유

var sliderWidth = sliderActive[0].offsetWidth; 

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

jsfiddle

알아낼 수 없습니다. 어떤 아이디어?

Answer 1

for -loop에는 아무 문제가 없습니다. 사실 실제로 left 속성을 올바르게 설정하고 있지만 숫자 (0 이외)는이 속성의 유효한 값이 아닙니다.

이 같은 스타일에 대한 단위를 지정하십시오 :

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