javascript - "click"在 "fadeOut"之后立即触发？

Question

我需要每 20 秒一个接一个地运行 3 个 jquery 操作。

我需要:

1. 第一个fadeOut() #recent
2. 然后当它完成时 click() .next
3. 然后再次淡入 #recent()

不确定它有什么不同，但 .next 是 #recent 的子项。

这是我目前所拥有的:

$('#recent').fadeOut();
$('#recent .next').click();
$('#recent').fadeIn();

问题是在 fadeOut() 完成之前点击触发。

谢谢C

Answer 1

问题是 click 会在模拟事件一被调用 时触发模拟事件，因为它不是 动画事件队列的一部分。

简单的方法是对 fadeOut 使用 [on completed] 回调:

$('#recent').fadeOut(function () {
  $('#recent .next').click()
}).fadeIn()

请注意，fadeIn 动画已注册到动画队列中，因此“按预期工作”，即使不在回调中也是如此。

快乐编码。