0

.animate()jQuery メソッドに問題があります。

問題は、div現在の幅が 0 で、0 から X% にアニメーション化しようとすると、そのようにはならず、100% から X% になることです。

また、アニメーションの前に幅を強制し、以前のすべてのアニメーションを停止しようとしましたが、うまくいきません。

これは、これらすべての試みに対する私の最後のコマンドです。

$("#div_3B").css({"width":"0"}).stop(true,true).animate({"width":"79.6%"}, 700);

何が問題を引き起こす可能性がありますか？この単一のコマンドは、実際には一連の一連のコマンドの最後であることに注意してください。

$("#div_3B").animate({"width":"0"}, 700, function() {
$("#div_3A").animate({"width":"20%"}, 700, function() {
$("#div_3B").css({"width":"0"}).stop(true,true).animate({"width":"79.6%"}, 700)
;});});

前もって感謝します！

4

1 に答える 1

0

さて、それが逆になっている理由は、開始するために 0 にアニメートしているためです。width: 0 を css に入れるだけで、次の 2 つだけが必要になります。

$("#div_3A").animate({"width":"20%"}, 700, function() 
{
   $("#div_3B").css({"width":"0"}).stop(true,true).animate({"width":"79.6%"}, 700);
});

ここを参照してください: http://jsfiddle.net/thespacebean/JmzjK/

3B が最初に 100% から 0 になり、3A のアニメーションが完了した後に 79.6 になるようにしたい場合は、次のコードが機能します。

http://jsfiddle.net/thespacebean/JmzjK/2/

于 2013-10-19T16:30:16.087 に答える