javascript - 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 上在横向方向上相互触发 - 有什么建议可以改进这个逻辑吗？

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

    }