1

次のコードがあります。

if (vm.theNextStep === true) {
    vm.theNextStep = false;
    vm.setSuccess = true;
    $('#theNextStep').fadeOut(500);
    $('#setSuccess').fadeIn(1500);
    $('#setSuccess').fadeOut(2000);
}

#setSuccess {
    padding-top: 2%;
    padding-bottom: 2%;
    background: #7CB130 url(check_white.png') no-repeat center;
    min-height: 85px;
    padding-right: 2%;
    margin-bottom: 2%;
}

<div id="setSuccess" ng-show="vm.paymentSuccess"></div>

ページは、ページの fadeIn でジャンプします。どうすれば解決できますか？

4

1 に答える 1

0

2 行のコードが次々に実行され、1 行が終了するのを待たないため、ページがジャンプします。

fadeIn最初の のコールバックにコードを入れることができますfadeOut: 

if (vm.theNextStep === true) {
    vm.theNextStep = false;
    vm.setSuccess = true;
    $('#theNextStep').fadeOut(500, function(){
        $('#setSuccess').fadeIn(1500).fadeOut(2000);
    });

}
于 2016-03-14T09:38:16.380 に答える