Question

这有效：

function prodLanding(){
$("#productsLanding").animate({opacity: 'toggle', width: 'toggle'}, function(){
$("#productsAll").show('slide', {direction: 'left'}, 800);
});
}

$("#prodLandSelect .prod1").click(function(){
$('#product1').load('products/chicken-jerky/index.html', function() {
prodLanding();
});
return false;
});

但这不是：

    function prodLanding(){
    $("#productsLanding").animate({ left: 200 }, {duration: 'slow', easing: 'easeOutElastic'}, function(){ $("#productsAll").show('slide', {direction: 'left'}, 800);});
    }

    $("#prodLandSelect .prod1").click(function(){
    $('#product1').load('products/chicken-jerky/index.html', function() {
    prodLanding();
    });
    return false;
    });

任何想法我做错了什么？

Answer 1

看起来你传递的参数不正确。

尝试：

$("#productsLanding").animate({ left: 200 }, 'slow', 'easeOutElastic'}, function(){         
}

http://api.jquery.com/animate/

.animate（属性，[持续时间]，[缓和]，[完成]）
properties：动画将移向的CSS属性的映射。
持续时间：确定动画运行时间的字符串或数字。
缓动：一个字符串，指示用于转换的缓动函数。
complete：动画完成后调用的函数。

jQuery缓动/动画的问题

1 个答案: