jquery - 用jquery制作动画效果

Question

我想用jquery制作动画效果

我有一个动画脚本

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

现在我想像这样对其进行更改

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

但是脚本没有运行，这意味着它有一些错误，

我该如何解决它，以便当 div 向右滑动时，它逐渐消失

Answer 1

fadeOut除非您在某处定义函数，否则将会出现错误。动画持续时间也应该是第二个参数。试试这个：

$(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/

Answer 2

您必须指定要淡出的元素：

$(popupID).animate({
    left: $(window).width() / 2 + popupMarginLeft
},function(){
    $(popupID).fadeOut(500); // you can also use $(this) instead of $(popupID)
},
500);

Answer 3

我之前有这个脚本

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

最终工作的最终脚本如下

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