jquery - 不能使用回调函数和缓动插件

Question

我无法让以下工作，完全打破页面......如果我拿出回调函数它会工作......不知道我做错了什么......

$(document).ready(function() {


var easing = 'easeOutBounce';


$('#cont').click(function() {
    $('#cont').animate({width: '400px'}, {duration:1000, easing: easing, complete:function(){ $(this).html("Animation Completed");});
            $('#conttwo').animate({width: '100px'}, {duration:1000, easing: easing});
            $('#contthree').animate({width: '100px'}, {duration:1000, easing: easing});
});

Answer 1

默认情况下，jQuery 只支持swing和缓linear动。如果你想使用更高级的缓动函数，你需要从jQuery UI中包含它们。

作为更新，我应该注意到 jQuery UI 似乎没有提供 easeOutBounce。您需要找到一个合适的插件来提供它。快速搜索表明您可以使用jQuery Easing Plugin来完成。