queue（默认值：true）

Question

我使用下面的代码，但它不能同步，我该怎么做？

$(".Bio").click(function(){
     $(".BioText p").delay(2000).fadeIn(600).animate({margin:"0 0 0 0"},600,'easeInOutExpo');
});

Answer 1

您可以尝试这样的事情：

$(".Bio").click(function(){
     $(".BioText p").delay(2000).animate({margin:"0 0 0 0", opacity:1},600,'easeInOutExpo');
});

这将同时为不透明度和边距设置动画。创建所需的淡入淡出效果。只需确保在CSS中：

.BioText p{
    display:block;
    opacity:0;
}

Answer 2

除了Yotam Omer's answer之外，您还可以使用(properties[, options])写作方式.animate。在选项对象中，您可以将queue变为false：

$(".Bio").click(function(){
     $(".BioText p").delay(2000)
     .fadeIn(600)
     .animate({margin:"0 0 0 0"}, {
         duration : 600,
         easing : 'easeInOutExpo',
         queue : false
     });
});

queue（默认值：true）

类型：布尔值或字符串

一个布尔值，指示是否将动画放在效果队列中。如果为false，则动画将立即开始。从jQuery 1.7开始，queue选项也可以接受一个字符串，在这种情况下，动画会被添加到该字符串所代表的队列中。使用自定义队列名称时，动画不会自动启动;你必须调用.dequeue（＆＃34; queuename＆＃34;）来启动它。

如何同时显示JQuery效果？

2 个答案:

queue（默认值：true）