jquery - customEasing无效

Question

除了customEasing设置之外，我的脚本中的所有内容都可以正常工作，这似乎根本没有做任何事情。我在打电话：

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

...但是我不能为我的生活弄清楚为什么customEasing设置没有响应。

谢谢！

<script>
    $(document).ready(function(){ 
        $('#menu-home').fadeIn(function(){ $(this).animate({"left" : "-5px"}, {duration:1500, customEasing:{"left":"easeInExpo"}}); });    
        $('#menu-concerts').fadeIn(function(){ $(this).delay(150).animate({"left" : "-5px"}, {duration:1500, customEasing:{"left":"easeInElastic"}}); });    
        $('#menu-bio').fadeIn(function(){ $(this).delay(300).animate({"left" : "-5px"}, {duration:1500, customEasing:{"left":"easeInOutCubic"}}); });    
        $('#menu-contact').fadeIn(function(){ $(this).delay(1050).animate({"left" : "-5px"}, {duration:1500, customEasing:{"left":"easeInOutQuint"}}); });    
    });
</script>

Answer 1

首先，你的syntaxt是过于复杂的方式。

试试这个：

$(document).ready(function(){ 

    $('#menu-home').animate({
        left : -5
    }, 1500, "easeInExpo");

    $('#menu-concerts').delay(150).animate({
        left : -5
    }, 1500, "easeInElastic");

    $('#menu-bio').delay(300).animate({
        left : -5
    }, 1500, "easeInOutCubic");

});

重要!!!

你需要在jquery之后包含 jquery-ui 脚本。没有它，动画缓动将无效。