jQuery if語句同時觸發

Question

我對動畫移動網站有以下邏輯（針對iphone進行了優化） - 208是進入全屏前的高度。

var pageHeight = $(window).height(); 

    if (pageHeight == 320) { 

     $('#slide3').animate({bottom: '0px',}, 3000, function() {$('.slide3Txt').animate({top:'30px'},500);godown3Pt2()}); 
    } 
    if (pageHeight != 208) { 

     $('#slide3').animate({bottom: '0px',}, 3000, function() {$('.slide3Txt').animate({top:'94px'},500);godown3Pt2()}); 

    } 

我的問題是，這兩個事件觸發後，對方在iPhone上lanscape方向 - 任何建議，以改善這個邏輯？

Answer 1

在您的代碼就會觸發，如果它不是208，如果是320，或者只是如果它不是208

你需要一個else if所以如果它的320，它的第一個動畫如果別的，而不是208它觸發第二個動畫

var pageHeight = $(window).height(); 

    if (pageHeight == 320) { 

     $('#slide3').animate({bottom: '0px',}, 3000, function() {$('.slide3Txt').animate({top:'30px'},500);godown3Pt2()}); 
    }else if (pageHeight != 208) { 

     $('#slide3').animate({bottom: '0px',}, 3000, function() {$('.slide3Txt').animate({top:'94px'},500);godown3Pt2()}); 

    }