无法使用回调函数和缓动插件

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中包含它们。

作为更新，我应该注意，easyOutBounce似乎不是由jQuery UI提供的。您需要找到提供它的适当插头。快速搜索建议您可以使用jQuery Easing Plugin进行搜索。