jQuery メソッド .addClass() .removeClass に問題があります
JsFiddle : http://jsfiddle.net/HEM7Q/4/
$(document).ready(function () {
$(".button").click(function(e) {
$(".position1").animate({left:"400px"},2000, function(e){
$(".position1").addClass("position2").removeClass("position1");
})
});
});
参照してください、最初は css.left は 20 px です (クラス .position1 で定義されているため)。ここで、左が 400px になるまで div をアニメーション化します。アニメーションが完成したら、Class position2 (左は 50px) を追加し、Class position1 を削除します。
アニメーションの完了後、divは左== 50 pxに戻るべきではありませんか? なぜそれが起こらないのですか?それに対する正しいコードは何ですか?