0

簡単なアニメーションを div のクリック イベントに関連付けました。div は、クリックごとに 50 ピクセル左にアニメーション化する必要があります。これは jsfiddle で発生します: http://jsfiddle.net/QgYMu/2/

CSS:

#wally {
     width: 40px;
     height: 40px;
     position: absolute;
     left: 100px;
     top: 100px;
     background-color: red;
  }

コード:

$(document).ready(function() {
    $("#wally").click(grow);
});

function grow() {
   console.log("clicked");
   $(this).animate({width: "+=50"}, 1000);
}

ただし、私のマシンでは、アニメーションは一度だけ発生しますが、「console.log("clicked");」を介して各クリックが登録されていることがわかります。声明。

誰が何が悪いのかを明らかにすることはできますか? (FF と Chrome で発生します)。

4

1 に答える 1