簡単なアニメーションを 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 で発生します)。