javascript - 优化Jquery动画

Question

我想知道是否有更好的方法来做到这一点：

//Menu text fadeOut
$(".fixed-menu ul li .menu-text, .submenu").fadeOut("slow", function() {

    //Extend menu and move the slider
    $menuExtend.stop().animate({"left": 30}, "slow");
    $sliderContent.stop().animate({"width": $(window).outerWidth() - 50}, "slow");
    $slider.stop().animate({"margin-left": 50}, "slow", function() {
        $(".fixed-menu ul li").css("width", "40px");
            $menuExtend.removeClass("minimize")
                    .addClass("extend")
                    .animate({"opacity": 1},"fast");

            $menuExtend.find("i").removeClass("foundicon-left-arrow")
                    .addClass("foundicon-right-arrow");
       });
});

当我使用这段代码时，所有的动画都可以工作，但有时它并不完全流畅，仅仅是因为 JQuery 动画需要大量资源吗？

我找到了很多关于 Queue JQuery 系统的教程，但没有很多复杂的动画。

谢谢，乔丹。

Answer 1

也许尝试left结合使用 position: absolute 而不是margin-leftfor your $slider. 我想它可能会更快。