1

これは機能します：

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;
    });

私が間違っていることについて何か考えはありますか？

4

1 に答える 1

1

パラメータを間違って渡しているようです。

試す：

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

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

.animate（properties、[duration、] [easing、] [complete]）
properties：アニメーションが移動するCSSプロパティのマップ。
期間：アニメーションの実行時間を決定する文字列または数値。
イージング：トランジションに使用するイージング関数を示す文字列。
complete：アニメーションが完了したときに呼び出す関数。

于 2011-07-28T18:01:33.320 に答える