jquery - 如何同时淡入淡出和滑动 jQuery 动画

Question

我已经写了这个，但是动画发生了冲突。如何更改它才能正常工作？

 function () { 
$("#presentState").show("slide", { duration: 1500, easing: 'easeOutBack', direction: directionActive }); 
$("#presentState").fadeIn( 1500,  'easeOutBack'); 
}

这个我也试过了，根本没用。

 $("#presentState").show("slide", { duration: 1500, easing: 'easeOutBack', direction: directionActive }).fadeIn(1500, 'easeOutBack').dequeue();

Answer 1

您可以通过将属性映射发送到 animate 来为多个 CSS 属性设置动画。 :

隐藏:

$("#presentState").animate({ marginLeft: "-1000px", opacity: 0 }, 1500);

显示:

$("#presentState").animate({ marginLeft: "0", opacity: 1 }, 1500);