問題/この作品

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特性のマップ。
duration：アニメーションの実行時間を決定する文字列または数値。
イージング：トランジションにどのイージング関数を使用するかを示す文字列。
完了：アニメーションが完了すると呼び出す関数。