jQuery/Effect/ .delay() & .stop()功能

Question

我正在尝试让我的内容动画DIV先淡出，然后在淡出阶段停止，只对淡入排队，以便在我动态加载内容(可能是通过ajax)之后，.dequeue()可以被调用。

$content.fadeTo(1000,0.0).delay(1000).stop().fadeTo(1000, 1)

我有两个问题-

1. 我的淡出会立即发生，并且在1秒内不会褪色。
2. stop()函数不会停止任何东西，动画只会直接通过。

我遗漏了什么？

Answer 1

有几个问题：

$content.fadeTo(1000,0.0)将在1秒内淡出您的div (如果您愿意，可以使用.fadeOut(1000) )。

那么，.delay()所做的就是戴利--按照你提供的毫秒执行超安全动画，所以如果你这么做的话

$content.fadeOut(1000).delay(300).fadeIn();它将淡出动画中的div，持续1秒，等待300毫秒，然后淡入div。

到目前为止还不错，但是.stop()所做的是停止匹配元素中的动画，这样您的fadeTo就不会运行，它不会排队。然后，当您执行.fadeTo(1000, 1) (等效于.fadeIn(1000))时，div已经是可见的，所以它什么也不做。

我建议你这样做：

$content.fadeOut(1000);

//Later in the code
$.ajax({
//...
success: function() {
     //code..
     $content.fadeIn(1000);
});

但是，如果要对动画进行排队，可以使用.queue()和dequeue()