javascript - “fadeOut”立即触发后的“click”？

Question

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

我需要：

1. 第一的fadeOut() #recent
2. 然后当完成click() .next
3. 然后fadeIn #recent()再一次

不确定它有什么不同，但它.next是#recent.

这是我到目前为止所拥有的：

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

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

谢谢 C

Answer 1

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

最简单的方法是使用 [on completed] 回调fadeOut：

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

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

快乐编码。