jQuery同时对背景图像进行动画和淡入淡出

我有一个选择器，我正在尝试设置动画，同时淡出它的背景图像，淡入另一个背景图像。这就是我目前所拥有的。脚本工作正常，但它先设置动画，然后淡入淡出。你知道一种方法可以让它同时进行动画和淡入淡出吗

$(document).ready(function(){
    $(".selector").click(function () {
        $(this).animate({left: "75px"}, function () {
            $(this).fadeOut("fast", function () {
                $(this).addClass("selector-hover").fadeIn("fast");
            });
        });

        return false;
    });
});

---

我希望这是有道理的。谢谢你的帮助。

是的，不要在回拨中使用淡入淡出

$(document).ready(function(){
    $(".selector").click(function () {
        $(this).animate({left: "75px"}).fadeOut("fast", function () {
            $(this).addClass("selector-hover").fadeIn("fast");
        });
        return false;
    });
});

---

这是将FadeIn封装在动画回调中的效果。。 由于回调是在动画结束后触发的，因此在淡入开始时动画已经完成

---

尝试将淡出和淡入移动到动画回调外部，它应该可以正常工作。

好的，使用jquery动画页面中的示例

$( "#go1" ).click(function(){
  $( "#block1" ).animate( { width: "90%" }, { queue: false, duration: 3000 })
     .animate({ fontSize: "24px" }, 1500 )
     .animate({ borderRightWidth: "15px" }, 1500 );
});

---

队列false应该可以做到这一点，查看页面并查看它的运行情况。您需要向下滚动一点

只需在同一元素上调用动画，但不在回调中。谢谢您的回答。不幸的是，它仍然会分别触发这两种效果。谢谢你的回答。这就是我读了Kai的答案后所做的。不幸的是，它仍然会分别触发这两种效果。谢谢你。这就是我要找的。幸运的是我刚刚用这个做了一个小部件，yw