1

jqueryでアニメーション効果を出したい

私はアニメーションスクリプトを持っています

$(popupID).animate({
    left: $(window).width() / 2 + popupMarginLeft
}, 500);

今、私はこのように変更したい

$(popupID).animate({left: $(window).width() / 2 + popupMarginLeft}, 
                         function() 
                             {
                                   $(popupID).fadeOut();
                             }, 500);

しかし、スクリプトは実行されません。つまり、何らかのエラーが発生していることを意味します。

divが右に向かってスライドしている間、徐々に消えていくようにするにはどうすれば解決できますか

4

3 に答える 3

1

fadeOut関数をどこかに定義しないとエラーになります。また、アニメーションの長さは 2 番目の引数にする必要があります。これを試して：

$(popupID).animate({ left: $(window).width() / 2 + popupMarginLeft }, 500, function() {
    $(this).fadeOut(500);
});

http://jsfiddle.net/qgVbR/1/

または、不透明度と位置の両方をアニメーション化する場合:

$(popupID).animate({
    left: $(window).width() / 2 + popupMarginLeft,
    opacity: 0
}, 500);

http://jsfiddle.net/qgVbR/

于 2013-10-25T11:54:27.227 に答える
0

私は以前にこのスクリプトを持っていました

$(popupID).animate({left: $(window).width() / 2 + popupMarginLeft},function() 
                             {
                                   $(popupID).fadeOut();
                             }, 500 
                         );

最終的に機能した最終的なスクリプトは次のとおりです

$(popupID).animate({left: $(window).width() / 2 + popupMarginLeft}, 500 , 
                         function() 
                             {
                                   $(popupID).fadeOut();
                             });
于 2013-10-26T09:55:40.783 に答える