Javascript jQuery动画在'；队列'；功能

我编写了一个jQuery函数来动态淡出、更改然后淡入文本，不幸的是，这只是最后的

$（“span>span”）.animate（{“opacity”：“0.6”}）
没用，我也不知道为什么

整个剧本是：

HTML


分享你的创造力
var changeText=函数changeText（）{
$（“span>span”）.animate（{“不透明”：“0”}，1600，function（）{
$（“span>span”）。文本（“激情”）；
$（“span>span”）.animate（{“不透明度”：“0.6”}，1600，function（）{
$（“span>span”）.animate（{“不透明”：“0”}，1600）；
$（“span>span”）.queue（函数（）{
$（“span>span”）。文本（“创意”）；
$（“span>span”）.animate（{“不透明度”：“0.6”}）；
});
});
});
}

因此，在jquery将文本更改为creative（可以工作）后，动画函数after不会触发。
此处不需要
队列
，只需将另一个回调嵌套到第二个动画中即可：

var changeText = function changeText() {
  $("span > span").animate({
    "opacity": "0"
  }, 1600, function() {
    $("span > span").text("passion");
    $("span > span").animate({
      "opacity": "0.6"
    }, 1600, function() {
      $("span > span").animate({
        "opacity": "0"
      }, 1600, function() {
        // second callback
        $("span > span").text("creativity");
        $("span > span").animate({
          "opacity": "0.6"
        });
      });
    });
  });
};

var changeText = function changeText() {
  $("span > span").animate({
    "opacity": "0"
  }, 1600, function() {
    $("span > span").text("passion");
    $("span > span").animate({
      "opacity": "0.6"
    }, 1600, function() {
      $("span > span").animate({
        "opacity": "0"
      }, 1600, function() {
        // second callback
        $("span > span").text("creativity");
        $("span > span").animate({
          "opacity": "0.6"
        });
      });
    });
  });
};