WP循環與if else語句

我正在使用WP滑塊，並且想要根據滑塊循環中div的數量使用不同的動畫。下面是我到目前爲止，它只適用於一個如果statment工作正常，但我想使用多個if語句。WP循環與if else語句

任何人都可以幫忙嗎？預先感謝:)

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

您可以顯示工作代碼在'fiddle'或'jsbin' –

上次比較時出現語法錯誤：} else (n == 4) {不是有效的結構。無論你使用其他if或刪除括號，其餘} else {

來源

2013-06-24 18:28:18

我有固定的結構（不敢相信我沒注意到）的儘管div數爲3，但仍使用「else」中的代碼。 – user1887669

如果出現這種情況，那麼您的計算機有一個損壞的js機器。你可以用你所做的修改來更新你的問題嗎？有些'console.log'可以看到'n'的值嗎？ –

WP循環與if else語句

回答

相關問題