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()});

    }

jQuery如果语句都解雇了

1 个答案: