0

私は WP スライダーに取り組んでおり、スライダー ループの div の数に基づいて異なるアニメーションを使用したいと考えています。以下は私がこれまでに持っているものです。ifステートメントは1つだけで問題なく動作しますが、複数のifステートメントを使用したいです。

誰でも助けることができますか?ご覧いただきありがとうございます:)

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")
} 

});

4

1 に答える 1

0

最後の比較で構文エラーがあります:} else (n == 4) {は有効な構造ではありません。別のを使用するかif、括弧と残りを削除します} else {

于 2013-06-24T18:28:18.573 に答える