問題與jQuery寬鬆/動畫

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(){   
} 

.animate（屬性，[持續時間，] [緩和，] [完整]）
屬性：CSS特性的圖，該動畫將移向。
持續時間：決定動畫運行時間的字符串或數字。
easing：一個字符串，指示用於轉換的緩動函數。
complete：動畫完成後調用的函數。