如何同时显示 JQuery 效果？答案

【问题标题】：How can I show JQuery effects at same time?如何同时显示 JQuery 效果？
【发布时间】：2014-09-22 12:45:12
【问题描述】：

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

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

【问题讨论】：

“它不能同步工作”是什么意思？

标签： jquery performance jquery-animate

【解决方案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;
}

【讨论】：

【解决方案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
     });
});

队列（默认：true）

类型：布尔值或字符串

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

【讨论】：