if else 문을 사용한 WP 루프

WP 슬라이더에서 작업 중이며 슬라이더 루프의 div 수를 기반으로 differnt 애니메이션을 사용하려고합니다. 아래는 제가 지금까지 가지고있는 것입니다, 그것은 하나의 문장으로 잘 작동하지만 여러 if 문장을 사용하고 싶습니다.if else 문을 사용한 WP 루프

아무도 도와 줄 수 있습니까? 찾고 미리 감사드립니다 :)

jQuery(document).ready(function(){ 

var tl = new TimelineMax({repeat:-1}), 

     slide1 = document.getElementById("slide1"), 
     head1 = document.getElementById("head1"), 
     sub1 = document.getElementById("sub1"), 
     p1 = document.getElementById("p1"), 

     slide2 = document.getElementById("slide2"), 
     head2 = document.getElementById("head2"), 
     sub2 = document.getElementById("sub2"), 
     p2 = document.getElementById("p2"), 

n = jQuery("#slider div").length; 

if (n == 2) { 
    tl.to(slide1, 1, {left:0 }, "slide10end") 
    .from(head1, 1, {left:-1000}).to(head1, 1, {top:50}).to(head1, 1, {top:50}).to(head1, 1, {opacity:0}) 
    .to(sub1, 1, {right:-200}).to(sub1, 1, {rotation: 720}).to(sub1, 1, {opacity:0}) 
    .from(p1, 1, {scale:0}).to(p1, 1, {scale:1}).to(p1, 1, {scale:0}) 
    .to(slide1, 1, {left:-2000 }, "slide1end") 

} 
else if (n == 3) { 

    tl.to(slide1, 1, {left:0 }, "slide10end") 
    .from(head1, 1, {left:-1000}).to(head1, 1, {top:50}).to(head1, 1, {top:50}).to(head1, 1, {opacity:0}) 
    .to(sub1, 1, {right:-200}).to(sub1, 1, {rotation: 720}).to(sub1, 1, {opacity:0}) 
    .from(p1, 1, {scale:0}).to(p1, 1, {scale:1}).to(p1, 1, {scale:0}) 
    .to(slide1, 1, {left:-2000 }, "slide1end") 

    .to(slide2, 1, {left:0 }) 
    .from(head2, 1, {left:-1000}).to(head2, 1, {left:-1000, delay:1}) 
    .to(sub2, 1, {right:-200}).to(sub2, 1, {right:-2000, delay:1, opacity:0}).to(sub2, 3, {right:-2000}, "-=0.9") 
    .from(p2, 1, {left:-2000, ease:Bounce.easeOut}).to(p2, 1, {opacity:0, delay:1}) 
    .to(slide2, 1, {left:-2000 }, "slide2end") 


} 

else (n == 4) { 


    //slider 3 
    tl.to(slide3, 1, {left:0 }) 
    .from(head3, 1, {left:-1000}).to(head3, 1, {left:-1000, delay:1}) 
    .to(sub3, 1, {right:-200}).to(sub3, 1, {right:-2000, delay:1, opacity:0}).to(sub3, 3, {right:-2000}, "-=0.9") 
    .from(p3, 1, {left:-2000, ease:Bounce.easeOut}).to(p3, 1, {opacity:0, delay:1}) 
    .to(slide3, 1, {left:-2000 }, "slide2end") 
}

}});

출처

2013-06-24 user1887669

당신이 작업 코드를 표시 할 수를 제거하거나'나는 구조를 해결 한 –

마지막 비교시 구문 오류가 있습니다. } else (n == 4) {은 유효한 구조가 아닙니다. 어느 쪽이든 당신은 (캔트 나는 그것을 알아 차리지 못했다고 생각) 다른 if를 사용하거나`fiddle`에 괄호 나머지 } else {

출처

2013-06-24 18:28:18

을 jsbin' div count가 3 임에도 불구하고 "else"의 코드가 사용 중입니다. – user1887669

이 경우 js 머신이 손상되었습니다. 수정 한 내용으로 질문을 업데이트하고'console.log'를 사용하여'n '의 값을 볼 수 있습니까? –

if else 문을 사용한 WP 루프

답변

관련 문제