Question

我可以使用jQuery同时调用2个函数吗？

例如：

我正在尝试执行http://www.wunderkit.com/之类的操作。如果你注意到，当沙发褪色时，它会在同一时间内向下动画。当它在最底部移动时，它会出现大约3-4个像素。

目前我有：

$(".logo").fadeIn().animate({ marginTop: 20 }, 'fast', function() {                         
        $(this).animate({ marginTop: -5 }, '');
});

此淡入淡出在徽标中，等待1-2秒然后动画开始。

还有其他方法我可以称之为吗？

非常感谢

Answer 1

如果animate（）的选项中包含queue: false标志，那么该动画不会进入队列并开始运行立即

来自the docs

看看这是否符合您的要求：

$(function () {
    $(".logo").fadeIn().animate({ marginTop: 20 }, { queue: false }, 'fast');
    $(".logo").fadeIn().animate({ marginTop: -5 }, { queue: false }, 'fast');
});

Answer 2

您可以将多个选项传递给.animate()，这就是重点。

  $('#logo').animate({
    opacity: 1,
    marginTop: '20',
    height: 'toggle'
  }, 'fast', function() {
    $(this).animate({ marginTop: -5 }, '');
  });

这将同时进行淡入淡出和滚动。

jQuery：同时调用2个函数？

2 个答案: