-1

画像を反転してから幅とサイズを大きくするコードを作成しました。

 $(obj).animate({"left": "-=40px","opacity": "0.65"},"slow");
 $(obj).animate({"height":"600px","width":"320px"},70);

 alert('1');
 //$(obj).css("-webkit-backface-visibility","hidden");

 $(obj).css("-webkit-transform-style","preserve-3d");
 $(obj).css("-webkit-transition","all 1.0s linear");
 $(obj).css("transform-style","preserve-3d");
 $(obj).css("transition","all 1.0s linear");

 $(obj).css("-webkit-transform","rotateY(180deg)");
 $(obj).css("transform","rotateY(180deg)");
 alert('2');

まず、サイズを変更してからフリップ アニメーション コードを実行します。ここでは、最初css()に が実行され、次に画像のサイズが変更されます。ここで遅らせるにはどうすればよいcss()ですか?

4

3 に答える 3

1

私の理解が正しければ、animate 関数からの完全なコールバックを使用できます。

$(obj).animate({"left": "-=40px","opacity": "0.65"},"slow");
$(obj).animate({"height":"600px","width":"320px"},70, "", function () {

    //$(obj).css("-webkit-backface-visibility","hidden");
    $(obj).css("-webkit-transform-style","preserve-3d");
    $(obj).css("-webkit-transition","all 1.0s linear");
    $(obj).css("transform-style","preserve-3d");
    $(obj).css("transition","all 1.0s linear");

    $(obj).css("-webkit-transform","rotateY(180deg)");
    $(obj).css("transform","rotateY(180deg)");
});
于 2013-05-07T10:55:33.127 に答える
1

あなたがすることができます:

$(obj).animate({"left": "-=40px", "opacity": "0.65"}, "slow");
$(obj).animate({"height":"600px", "width":"320px"}, 70, function () {
    //Called after animation is complete
    $(this).css({
        "-webkit-transform-style": "preserve-3d",
        "-webkit-transition": "all 1.0s linear",
        "transform-style": "preserve-3d",
        "transition": "all 1.0s linear",
        "-webkit-transform": "rotateY(180deg)",
        "transform": "rotateY(180deg)"
    });
});
于 2013-05-07T10:57:48.240 に答える
0

jQuery の.promise()関数を使用して、すべてのアニメーションが終了するまで二次アクションを遅らせることもできます。このメソッドは複数のアニメーションで機能しますが、コールバックでは機能しません。

以下に示すように、.css 呼び出しを promise().done 関数に配置します。

$(obj).animate({"left": "-=40px","opacity": "0.65"},"slow");
$(obj).animate({"height":"600px","width":"320px"},70);

$(obj).promise().done(function () {
    // css stuff here
});
于 2013-05-07T11:04:39.903 に答える